Restyle relink dialog

This commit is contained in:
Josh Perez 2021-08-24 16:59:44 -04:00 committed by GitHub
parent 8045a83374
commit 424d8785b6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 23 additions and 14 deletions

View file

@ -0,0 +1,40 @@
// 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 DialogRelink = ({
i18n,
isRegistrationDone,
relinkDevice,
}: PropsType): JSX.Element | null => {
if (isRegistrationDone) {
return null;
}
return (
<div className="LeftPaneDialog LeftPaneDialog--warning">
<div className="LeftPaneDialog__icon LeftPaneDialog__icon--relink" />
<div className="LeftPaneDialog__message">
<h3>{i18n('unlinked')}</h3>
<div>
<button
className="LeftPaneDialog__action-text"
onClick={relinkDevice}
type="button"
>
{i18n('unlinkedWarning')}
</button>
</div>
</div>
</div>
);
};