Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ensure font size changes are persisted

Browse Source
This commit is contained in:
Jackson Harper
2022-03-01 12:04:19 -08:00
parent 6ac3f7f6c8
commit c2dd4143ff
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/web/components/templates/article/ArticleContainer.tsx
View File

@ -41,13 +41,13 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
props.article.labels?.map((l) => l.id) || []
)
const updateFontSize = (newFontSize: number) => {
const updateFontSize = async (newFontSize: number) => {
setFontSize(newFontSize)
userPersonalizationMutation({ fontSize: newFontSize })
await userPersonalizationMutation({ fontSize: newFontSize })
}
useKeyboardShortcuts(
articleKeyboardCommands((action) => {
articleKeyboardCommands(async (action) => {
switch (action) {
case 'openOriginalArticle':
const url = props.article.url
@ -56,10 +56,10 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
}
break
case 'incrementFontSize':
updateFontSize(Math.min(fontSize + 2, 28))
await updateFontSize(Math.min(fontSize + 2, 28))
break
case 'decrementFontSize':
updateFontSize(Math.max(fontSize - 2, 10))
await updateFontSize(Math.max(fontSize - 2, 10))
break
case 'editLabels':
setShowLabelsModal(true)
@ -70,12 +70,12 @@ export function ArticleContainer(props: ArticleContainerProps): JSX.Element {
// Listen for font size and color mode change events sent from host apps (ios, macos...)
useEffect(() => {
const increaseFontSize = () => {
setFontSize(Math.min(fontSize + 2, 28))
const increaseFontSize = async () => {
await updateFontSize(Math.min(fontSize + 2, 28))
}
const decreaseFontSize = () => {
setFontSize(Math.max(fontSize - 2, 10))
const decreaseFontSize = async () => {
await updateFontSize(Math.max(fontSize - 2, 10))
}
const switchToDarkMode = () => {