signal-desktop/ts/components/RelinkDialog.tsx
2021-08-19 15:56:29 -07:00

36 lines
837 B
TypeScript

// Copyright 2020-2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import { LocalizerType } from '../types/Util';
export type PropsType = {
i18n: LocalizerType;
isRegistrationDone: boolean;
relinkDevice: () => void;
};
export const RelinkDialog = ({
i18n,
isRegistrationDone,
relinkDevice,
}: PropsType): JSX.Element | null => {
if (isRegistrationDone) {
return null;
}
return (
<div className="LeftPaneDialog LeftPaneDialog--warning">
<div className="LeftPaneDialog__message">
<h3>{i18n('unlinked')}</h3>
<span>{i18n('unlinkedWarning')}</span>
</div>
<div className="LeftPaneDialog__actions">
<button onClick={relinkDevice} type="button">
{i18n('relink')}
</button>
</div>
</div>
);
};