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

Upgrade Prettier

Browse source
This commit is contained in:
Ken Powers 2020-01-08 12:44:54 -05:00 • committed by Scott Nonnenberg
parent d14c8e2277
commit 0d3b390129
57 changed files with 1074 additions and 1574 deletions
Download patch file Download diff file Expand all files Collapse all files

64
ts/components/stickers/StickerPicker.tsx
View file

@ -42,7 +42,7 @@ function getPacksPageOffset(page: number, packs: number): number {
if (isLastPacksPage(page, packs)) {
return (
PACK_PAGE_WIDTH * (Math.floor(packs / PACKS_PAGE_SIZE) - 1) +
(packs % PACKS_PAGE_SIZE - 1) * PACK_ICON_WIDTH
((packs % PACKS_PAGE_SIZE) - 1) * PACK_ICON_WIDTH
);
}
@ -82,54 +82,44 @@ export const StickerPicker = React.memo(
const {
stickers = recentStickers,
title: packTitle = 'Recent Stickers',
} =
selectedPack || {};
} = selectedPack || {};
const [isUsingKeyboard, setIsUsingKeyboard] = React.useState(false);
const [packsPage, setPacksPage] = React.useState(0);
const onClickPrevPackPage = React.useCallback(
() => {
setPacksPage(i => i - 1);
},
[setPacksPage]
);
const onClickNextPackPage = React.useCallback(
() => {
setPacksPage(i => i + 1);
},
[setPacksPage]
);
const onClickPrevPackPage = React.useCallback(() => {
setPacksPage(i => i - 1);
}, [setPacksPage]);
const onClickNextPackPage = React.useCallback(() => {
setPacksPage(i => i + 1);
}, [setPacksPage]);
// Handle escape key
React.useEffect(
() => {
const handler = (event: KeyboardEvent) => {
if (event.key === 'Tab') {
// We do NOT prevent default here to allow Tab to be used normally
React.useEffect(() => {
const handler = (event: KeyboardEvent) => {
if (event.key === 'Tab') {
// We do NOT prevent default here to allow Tab to be used normally
setIsUsingKeyboard(true);
setIsUsingKeyboard(true);
return;
}
return;
}
if (event.key === 'Escape') {
event.stopPropagation();
event.preventDefault();
if (event.key === 'Escape') {
event.stopPropagation();
event.preventDefault();
onClose();
onClose();
return;
}
};
return;
}
};
document.addEventListener('keydown', handler);
document.addEventListener('keydown', handler);
return () => {
document.removeEventListener('keydown', handler);
};
},
[onClose]
);
return () => {
document.removeEventListener('keydown', handler);
};
}, [onClose]);
// Focus popup on after initial render, restore focus on teardown
React.useEffect(() => {