From dfda63f0605e35a57e5ff8aade041f1ca178b2c7 Mon Sep 17 00:00:00 2001 From: Mathias Jakobsen Date: Thu, 13 Aug 2026 09:09:53 +0100 Subject: [PATCH] Merge pull request #36470 from overleaf/mj-themed-uppy-figure-modal [web] Use themed uppy in figure modal GitOrigin-RevId: 54e92a40516a947befdd4d1f758dae631703672f --- .../figure-modal/file-sources/figure-modal-upload-source.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx index a489cafc1a..74446502c7 100644 --- a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx +++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx @@ -19,6 +19,7 @@ import OLFormGroup from '@/shared/components/ol/ol-form-group' import OLButton from '@/shared/components/ol/ol-button' import MaterialIcon from '@/shared/components/material-icon' import OLSpinner from '@/shared/components/ol/ol-spinner' +import { useActiveOverallTheme } from '@/shared/hooks/use-active-overall-theme' /* eslint-disable no-unused-vars */ export enum FileUploadStatus { @@ -64,6 +65,7 @@ export const FigureModalUploadFileSource: FC = () => { fieldName: 'qqfile', // "qqfile" field inherited from FineUploader }) ) + const uppyTheme = useActiveOverallTheme('themed-modals') const dispatchUploadAction = useCallback( (name?: string, file?: UppyFile | null, folder?: File | null) => { @@ -233,6 +235,7 @@ export const FigureModalUploadFileSource: FC = () => { proudlyDisplayPoweredByUppy={false} showSelectedFiles={false} hideUploadButton + theme={uppyTheme} locale={{ strings: { // Text to show on the droppable area.