Fallback for the SafetyNumberViewer

This commit is contained in:
Josh Perez 2022-03-02 13:24:28 -05:00 committed by GitHub
parent da7a76e03f
commit 0872afba3d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 32 additions and 61 deletions

View file

@ -8,10 +8,10 @@ import { Intl } from './Intl';
import type { LocalizerType } from '../types/Util';
export type PropsType = {
contact?: ConversationType;
contact: ConversationType;
generateSafetyNumber: (contact: ConversationType) => void;
i18n: LocalizerType;
onClose?: () => void;
onClose: () => void;
safetyNumber: string;
toggleVerified: (contact: ConversationType) => void;
verificationDisabled: boolean;
@ -41,7 +41,16 @@ export const SafetyNumberViewer = ({
if (!contact.phoneNumber) {
return (
<div className="module-SafetyNumberViewer">
{i18n('cannotGenerateSafetyNumber')}
<div>{i18n('cannotGenerateSafetyNumber')}</div>
<div className="module-SafetyNumberViewer__buttons">
<Button
className="module-SafetyNumberViewer__button"
onClick={() => onClose?.()}
variant={ButtonVariant.Primary}
>
{i18n('ok')}
</Button>
</div>
</div>
);
}
@ -60,13 +69,6 @@ export const SafetyNumberViewer = ({
return (
<div className="module-SafetyNumberViewer">
{onClose && (
<div className="module-SafetyNumberViewer__close-button">
<button onClick={onClose} tabIndex={0} type="button">
<span />
</button>
</div>
)}
<div className="module-SafetyNumberViewer__number">
{safetyNumber || getPlaceholder()}
</div>