eslint update

commafeed-client/src/pages/app/AboutPage.tsx

@@ -118,7 +118,7 @@ export function AboutPage() {
                     <KeyboardShortcutsHelp />
                 </Section>
                 <Section title={<Trans>REST API</Trans>} icon={<TbRocket size={24} />}>
-                    <Anchor onClick={() => dispatch(redirectToApiDocumentation())}>
+                    <Anchor onClick={async () => await dispatch(redirectToApiDocumentation())}>
                         <Trans>Go to the API documentation.</Trans>
                     </Anchor>
                 </Section>

commafeed-client/src/pages/app/CategoryDetailsPage.tsx

@@ -7,7 +7,7 @@ import { Constants } from "app/constants"
 import { redirectToRootCategory, redirectToSelectedSource } from "app/slices/redirect"
 import { reloadTree } from "app/slices/tree"
 import { useAppDispatch, useAppSelector } from "app/store"
-import { CategoryModificationRequest } from "app/types"
+import { type CategoryModificationRequest } from "app/types"
 import { flattenCategoryTree } from "app/utils"
 import { Alert } from "components/Alert"
 import { CategorySelect } from "components/content/add/CategorySelect"
@@ -23,7 +23,7 @@ export function CategoryDetailsPage() {
     const apiKey = useAppSelector(state => state.user.profile?.apiKey)
     const dispatch = useAppDispatch()
 
-    const query = useAsync(() => client.category.getRoot(), [])
+    const query = useAsync(async () => await client.category.getRoot(), [])
     const category =
         id === Constants.categories.starred.id
             ? Constants.categories.starred
@@ -47,7 +47,7 @@ export function CategoryDetailsPage() {
 
     const openDeleteCategoryModal = () => {
         const categoryName = category?.name
-        return openConfirmModal({
+        openConfirmModal({
             title: <Trans>Delete Category</Trans>,
             children: (
                 <Text size="sm">
@@ -58,7 +58,7 @@ export function CategoryDetailsPage() {
             ),
             labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
-            onConfirm: () => deleteCategory.execute({ id: +id }),
+            onConfirm: async () => await deleteCategory.execute({ id: +id }),
         })
     }
 
@@ -122,7 +122,7 @@ export function CategoryDetailsPage() {
                     )}
 
                     <Group>
-                        <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
+                        <Button variant="default" onClick={async () => await dispatch(redirectToSelectedSource())}>
                             <Trans>Cancel</Trans>
                         </Button>
                         {editable && (

commafeed-client/src/pages/app/FeedDetailsPage.tsx

@@ -6,7 +6,7 @@ import { client, errorToStrings } from "app/client"
 import { redirectToRootCategory, redirectToSelectedSource } from "app/slices/redirect"
 import { reloadTree } from "app/slices/tree"
 import { useAppDispatch, useAppSelector } from "app/store"
-import { FeedModificationRequest } from "app/types"
+import { type FeedModificationRequest } from "app/types"
 import { Alert } from "components/Alert"
 import { CategorySelect } from "components/content/add/CategorySelect"
 import { Loader } from "components/Loader"
@@ -54,7 +54,7 @@ export function FeedDetailsPage() {
 
     const apiKey = useAppSelector(state => state.user.profile?.apiKey)
     const dispatch = useAppDispatch()
-    const query = useAsync(() => client.feed.get(id), [id])
+    const query = useAsync(async () => await client.feed.get(id), [id])
     const feed = query.result?.data
 
     const form = useForm<FeedModificationRequest>()
@@ -75,7 +75,7 @@ export function FeedDetailsPage() {
 
     const openUnsubscribeModal = () => {
         const feedName = feed?.name
-        return openConfirmModal({
+        openConfirmModal({
             title: <Trans>Unsubscribe</Trans>,
             children: (
                 <Text size="sm">
@@ -86,7 +86,7 @@ export function FeedDetailsPage() {
             ),
             labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
-            onConfirm: () => unsubscribe.execute({ id: +id }),
+            onConfirm: async () => await unsubscribe.execute({ id: +id }),
         })
     }
 
@@ -163,7 +163,7 @@ export function FeedDetailsPage() {
                     />
 
                     <Group>
-                        <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
+                        <Button variant="default" onClick={async () => await dispatch(redirectToSelectedSource())}>
                             <Trans>Cancel</Trans>
                         </Button>
                         <Button type="submit" leftIcon={<TbDeviceFloppy size={16} />} loading={modifyFeed.loading}>

commafeed-client/src/pages/app/FeedEntriesPage.tsx

@@ -2,7 +2,7 @@ import { Trans } from "@lingui/macro"
 import { ActionIcon, Box, Center, createStyles, Divider, Group, Title, useMantineTheme } from "@mantine/core"
 import { useViewportSize } from "@mantine/hooks"
 import { Constants } from "app/constants"
-import { EntrySourceType, loadEntries } from "app/slices/entries"
+import { type EntrySourceType, loadEntries } from "app/slices/entries"
 import { redirectToCategoryDetails, redirectToFeedDetails, redirectToTagDetails } from "app/slices/redirect"
 import { useAppDispatch, useAppSelector } from "app/store"
 import { flattenCategoryTree } from "app/utils"

commafeed-client/src/pages/app/Layout.tsx

@@ -28,7 +28,7 @@ import { useMobile } from "hooks/useMobile"
 import { useWebSocket } from "hooks/useWebSocket"
 import { LoadingPage } from "pages/LoadingPage"
 import { Resizable } from "re-resizable"
-import { ReactNode, Suspense, useEffect } from "react"
+import { type ReactNode, Suspense, useEffect } from "react"
 import { TbPlus } from "react-icons/tb"
 import { Outlet } from "react-router-dom"
 
@@ -79,7 +79,7 @@ const useStyles = createStyles((theme, props: LayoutProps) => ({
 function LogoAndTitle() {
     const dispatch = useAppDispatch()
     return (
-        <Center inline onClick={() => dispatch(redirectToRootCategory())} style={{ cursor: "pointer" }}>
+        <Center inline onClick={async () => await dispatch(redirectToRootCategory())} style={{ cursor: "pointer" }}>
             <Logo size={24} />
             <Title order={3} pl="md">
                 CommaFeed
@@ -115,7 +115,7 @@ export default function Layout(props: LayoutProps) {
 
         if (!webSocketConnected && treeReloadInterval) {
             // reload tree periodically if not receiving websocket events
-            timer = window.setInterval(() => dispatch(reloadTree()), treeReloadInterval)
+            timer = window.setInterval(async () => await dispatch(reloadTree()), treeReloadInterval)
         }
 
         return () => clearInterval(timer)
@@ -133,7 +133,7 @@ export default function Layout(props: LayoutProps) {
     )
 
     const addButton = (
-        <ActionIcon color={theme.primaryColor} onClick={() => dispatch(redirectToAdd())} aria-label="Subscribe">
+        <ActionIcon color={theme.primaryColor} onClick={async () => await dispatch(redirectToAdd())} aria-label="Subscribe">
             <TbPlus size={18} />
         </ActionIcon>
     )

commafeed-client/src/pages/app/TagDetailsPage.tsx

@@ -32,7 +32,7 @@ export function TagDetailsPage() {
                 </Input.Wrapper>
 
                 <Group>
-                    <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
+                    <Button variant="default" onClick={async () => await dispatch(redirectToSelectedSource())}>
                         <Trans>Cancel</Trans>
                     </Button>
                 </Group>