signal-desktop/ts/components/SafetyNumberModal.tsx
2021-10-26 14:15:33 -05:00

29 lines
829 B
TypeScript

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import { Modal } from './Modal';
import type { PropsType as SafetyNumberViewerPropsType } from './SafetyNumberViewer';
import { SafetyNumberViewer } from './SafetyNumberViewer';
type PropsType = {
toggleSafetyNumberModal: () => unknown;
} & SafetyNumberViewerPropsType;
export const SafetyNumberModal = ({
i18n,
toggleSafetyNumberModal,
...safetyNumberViewerProps
}: PropsType): JSX.Element | null => {
return (
<Modal
hasXButton
i18n={i18n}
moduleClassName="module-SafetyNumberViewer__modal"
onClose={() => toggleSafetyNumberModal()}
title={i18n('SafetyNumberModal__title')}
>
<SafetyNumberViewer i18n={i18n} {...safetyNumberViewerProps} />
</Modal>
);
};