refactor & perf: import { noop } from 'lodash-es' across web (#17439)

web/app/components/base/file-uploader/hooks.ts

@@ -28,6 +28,7 @@ import type { FileUpload } from '@/app/components/base/features/types'
 import { formatFileSize } from '@/utils/format'
 import { uploadRemoteFileInfo } from '@/service/common'
 import type { FileUploadConfigResponse } from '@/models/common'
+import { noop } from 'lodash-es'
 
 export const useFileSizeLimit = (fileUploadConfig?: FileUploadConfigResponse) => {
   const imgSizeLimit = Number(fileUploadConfig?.image_file_size_limit) * 1024 * 1024 || IMG_SIZE_LIMIT
@@ -243,9 +244,9 @@ export const useFile = (fileConfig: FileUpload) => {
     })
   }, [checkSizeLimit, handleAddFile, handleUpdateFile, notify, t, handleRemoveFile, fileConfig?.allowed_file_types, fileConfig.allowed_file_extensions, startProgressTimer, params.token])
 
-  const handleLoadFileFromLinkSuccess = useCallback(() => { }, [])
+  const handleLoadFileFromLinkSuccess = useCallback(noop, [])
 
-  const handleLoadFileFromLinkError = useCallback(() => { }, [])
+  const handleLoadFileFromLinkError = useCallback(noop, [])
 
   const handleClearFiles = useCallback(() => {
     const {

web/app/components/base/file-uploader/pdf-preview.tsx

@@ -9,6 +9,7 @@ import { useHotkeys } from 'react-hotkeys-hook'
 import Loading from '@/app/components/base/loading'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
 import Tooltip from '@/app/components/base/tooltip'
+import { noop } from 'lodash-es'
 
 type PdfPreviewProps = {
   url: string
@@ -65,8 +66,8 @@ const PdfPreview: FC<PdfPreviewProps> = ({
               <PdfHighlighter
                 pdfDocument={pdfDocument}
                 enableAreaSelection={event => event.altKey}
-                scrollRef={() => { }}
-                onScrollChange={() => { }}
+                scrollRef={noop}
+                onScrollChange={noop}
                 onSelectionFinished={() => null}
                 highlightTransform={() => { return <div/> }}
                 highlights={[]}