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

Refactored and cleaned up Modal and friends

Browse source
This commit is contained in:
Alvaro 2022-09-29 16:40:09 -06:00 • committed by GitHub
parent f64426fbe0
commit 00a720faa9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
31 changed files with 853 additions and 787 deletions
Download patch file Download diff file Expand all files Collapse all files

62
ts/components/CustomizingPreferredReactionsModal.tsx
View file

@ -104,6 +104,38 @@ export function CustomizingPreferredReactionsModal({
);
const canSave = !isSaving && hasChanged;
const footer = (
<>
<Button
disabled={!canReset}
onClick={() => {
resetDraftEmoji();
}}
onKeyDown={event => {
if (event.key === 'Enter' || event.key === 'Space') {
resetDraftEmoji();
}
}}
variant={ButtonVariant.SecondaryAffirmative}
>
{i18n('reset')}
</Button>
<Button
disabled={!canSave}
onClick={() => {
savePreferredReactions();
}}
onKeyDown={event => {
if (event.key === 'Enter' || event.key === 'Space') {
savePreferredReactions();
}
}}
>
{i18n('save')}
</Button>
</>
);
return (
<Modal
modalName="CustomizingPreferredReactionsModal"
@ -114,6 +146,7 @@ export function CustomizingPreferredReactionsModal({
cancelCustomizePreferredReactionsModal();
}}
title={i18n('CustomizingPreferredReactions__title')}
modalFooter={footer}
>
<div className="module-CustomizingPreferredReactionsModal__small-emoji-picker-wrapper">
<ReactionPickerPicker
@ -163,35 +196,6 @@ export function CustomizingPreferredReactionsModal({
/>
</div>
)}
<Modal.ButtonFooter>
<Button
disabled={!canReset}
onClick={() => {
resetDraftEmoji();
}}
onKeyDown={event => {
if (event.key === 'Enter' || event.key === 'Space') {
resetDraftEmoji();
}
}}
variant={ButtonVariant.SecondaryAffirmative}
>
{i18n('reset')}
</Button>
<Button
disabled={!canSave}
onClick={() => {
savePreferredReactions();
}}
onKeyDown={event => {
if (event.key === 'Enter' || event.key === 'Space') {
savePreferredReactions();
}
}}
>
{i18n('save')}
</Button>
</Modal.ButtonFooter>
</Modal>
);
}