mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Move confirmation_dialog_view to ts and React

Browse source 
* Moves confirmation_dialog_view to ts and React

* showConfirmationDialog API
This commit is contained in:
Josh Perez 2021-01-04 13:47:14 -05:00 • committed by Scott Nonnenberg
parent 031a1fcc3d
commit 2529e208c1
16 changed files with 154 additions and 254 deletions
Download patch file Download diff file Expand all files Collapse all files

11
ts/components/ConfirmationDialog.tsx
View file

@ -12,11 +12,12 @@ export type ActionSpec = {
};
export type OwnProps = {
readonly i18n: LocalizerType;
readonly children: React.ReactNode;
readonly title?: string | React.ReactNode;
readonly actions: Array<ActionSpec>;
readonly cancelText?: string;
readonly children?: React.ReactNode;
readonly i18n: LocalizerType;
readonly onClose: () => unknown;
readonly title?: string | React.ReactNode;
};
export type Props = OwnProps;
@ -28,7 +29,7 @@ function focusRef(el: HTMLElement | null) {
}
export const ConfirmationDialog = React.memo(
({ i18n, onClose, children, title, actions }: Props) => {
({ i18n, onClose, cancelText, children, title, actions }: Props) => {
React.useEffect(() => {
const handler = ({ key }: KeyboardEvent) => {
if (key === 'Escape') {
@ -81,7 +82,7 @@ export const ConfirmationDialog = React.memo(
ref={focusRef}
className="module-confirmation-dialog__container__buttons__button"
>
{i18n('confirmation-dialog--Cancel')}
{cancelText || i18n('confirmation-dialog--Cancel')}
</button>
{actions.map((action, i) => (
<button