Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-24 20:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add reusable <Modal> component, use with <Alert>

Browse Source
This commit is contained in:
Evan Hahn
2021-04-13 09:20:02 -05:00
committed by GitHub
parent 9846fb8edf
commit 62f1a42c25
14 changed files with 276 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ts/components/Alert.tsx
View File

@@ -5,7 +5,7 @@ import React, { FunctionComponent, ReactNode } from 'react';
import { LocalizerType } from '../types/Util';
import { Button } from './Button';
import { ModalHost } from './ModalHost';
import { Modal } from './Modal';
type PropsType = {
title?: string;
@@ -20,13 +20,10 @@ export const Alert: FunctionComponent<PropsType> = ({
onClose,
title,
}) => (
<ModalHost onClose={onClose}>
<div className="module-Alert">
{title && <h1 className="module-Alert__title">{title}</h1>}
<p className="module-Alert__body">{body}</p>
<div className="module-Alert__button-container">
<Button onClick={onClose}>{i18n('Confirmation--confirm')}</Button>
</div>
</div>
</ModalHost>
<Modal i18n={i18n} onClose={onClose} title={title}>
{body}
<Modal.Footer>
<Button onClick={onClose}>{i18n('Confirmation--confirm')}</Button>
</Modal.Footer>
</Modal>
);