fix: lint

langgenius · Dec 10, 2024 · 2d0f8e3 · 2d0f8e3
1 parent 41e7797
commit 2d0f8e3
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 30 deletions.
diff --git a/web/app/components/base/file-uploader/audio-preview.tsx b/web/app/components/base/file-uploader/audio-preview.tsx
@@ -2,7 +2,8 @@ import type { FC } from 'react'
 import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
-import { useKeyboardShortcuts } from '@/hooks/use-keyboard-short'
+
+import { useHotkeys } from 'react-hotkeys-hook'
 
 type AudioPreviewProps = {
   url: string
@@ -14,9 +15,7 @@ const AudioPreview: FC<AudioPreviewProps> = ({
   title,
   onCancel,
 }) => {
-  useKeyboardShortcuts({
-    esc: onCancel,
-  })
+  useHotkeys('esc', onCancel)
 
   return createPortal(
     <div

diff --git a/web/app/components/base/file-uploader/pdf-preview.tsx b/web/app/components/base/file-uploader/pdf-preview.tsx
@@ -5,9 +5,9 @@ import { PdfHighlighter, PdfLoader } from 'react-pdf-highlighter'
 import { t } from 'i18next'
 import { RiCloseLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
 import React, { useState } from 'react'
+import { useHotkeys } from 'react-hotkeys-hook'
 import Loading from '@/app/components/base/loading'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
-import { useKeyboardShortcuts } from '@/hooks/use-keyboard-short'
 import Tooltip from '@/app/components/base/tooltip'
 
 type PdfPreviewProps = {
@@ -41,11 +41,9 @@ const PdfPreview: FC<PdfPreviewProps> = ({
     })
   }
 
-  useKeyboardShortcuts({
-    esc: onCancel,
-    up: zoomIn,
-    down: zoomOut,
-  })
+  useHotkeys('esc', onCancel)
+  useHotkeys('up', zoomIn)
+  useHotkeys('down', zoomOut)
 
   return createPortal(
     <div

diff --git a/web/app/components/base/file-uploader/video-preview.tsx b/web/app/components/base/file-uploader/video-preview.tsx
@@ -2,7 +2,7 @@ import type { FC } from 'react'
 import { createPortal } from 'react-dom'
 import { RiCloseLine } from '@remixicon/react'
 import React from 'react'
-import { useKeyboardShortcuts } from '@/hooks/use-keyboard-short'
+import { useHotkeys } from 'react-hotkeys-hook'
 
 type VideoPreviewProps = {
   url: string
@@ -14,9 +14,7 @@ const VideoPreview: FC<VideoPreviewProps> = ({
   title,
   onCancel,
 }) => {
-  useKeyboardShortcuts({
-    esc: onCancel,
-  })
+  useHotkeys('esc', onCancel)
 
   return createPortal(
     <div

diff --git a/web/app/components/base/image-uploader/image-preview.tsx b/web/app/components/base/image-uploader/image-preview.tsx
@@ -3,9 +3,9 @@ import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { t } from 'i18next'
 import { createPortal } from 'react-dom'
 import { RiAddBoxLine, RiCloseLine, RiDownloadCloud2Line, RiFileCopyLine, RiZoomInLine, RiZoomOutLine } from '@remixicon/react'
+import { useHotkeys } from 'react-hotkeys-hook'
 import Tooltip from '@/app/components/base/tooltip'
 import Toast from '@/app/components/base/toast'
-import { useKeyboardShortcuts } from '@/hooks/use-keyboard-short'
 
 type ImagePreviewProps = {
   url: string
@@ -193,13 +193,11 @@ const ImagePreview: FC<ImagePreviewProps> = ({
     }
   }, [handleMouseUp])
 
-  useKeyboardShortcuts({
-    esc: onCancel,
-    up: zoomIn,
-    down: zoomOut,
-    left: onPrev || (() => {}),
-    right: onNext || (() => {}),
-  })
+  useHotkeys('esc', onCancel)
+  useHotkeys('up', zoomIn)
+  useHotkeys('down', zoomOut)
+  useHotkeys('left', onPrev || (() => {}))
+  useHotkeys('right', onNext || (() => {}))
 
   return createPortal(
     <div className='fixed inset-0 p-8 flex items-center justify-center bg-black/80 z-[1000] image-preview-container'

diff --git a/web/hooks/use-keyboard-short.ts b/web/hooks/use-keyboard-short.ts