From 9cbfb663ace2525c130e23872e6fbda08ede206e Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Thu, 5 Feb 2026 12:55:53 +0000
Subject: [PATCH] [workbench] Improve accessibility recommendations and tools
 (#31221)

GitOrigin-RevId: 04890c2618a70d90a1d3ef1998c16b599e1dff84
---
 .../context/project-settings-context.tsx             |  4 ++--
 .../hooks/use-project-wide-settings.tsx              | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
index 3a9fdf0db7..0bd3a39718 100644
--- a/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
@@ -6,8 +6,8 @@ import type { ProjectSettings } from '../utils/api'
 import { UserSettings } from '../../../../../types/user-settings'
 
 type ProjectSettingsSetterContextValue = {
-  setCompiler: (compiler: ProjectSettings['compiler']) => void
-  setImageName: (imageName: ProjectSettings['imageName']) => void
+  setCompiler: (compiler: ProjectSettings['compiler']) => Promise<void>
+  setImageName: (imageName: ProjectSettings['imageName']) => Promise<void>
   setRootDocId: (rootDocId: ProjectSettings['rootDocId']) => void
   setSpellCheckLanguage: (
     spellCheckLanguage: ProjectSettings['spellCheckLanguage']
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
index 0226e87678..52f18c0e08 100644
--- a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
@@ -12,15 +12,19 @@ export default function useProjectWideSettings() {
   const saveProjectSettings = useSaveProjectSettings()
 
   const setCompiler = useCallback(
-    (newCompiler: ProjectSettings['compiler']) => {
-      saveProjectSettings('compiler', newCompiler).catch(debugConsole.error)
+    async (newCompiler: ProjectSettings['compiler']) => {
+      await saveProjectSettings('compiler', newCompiler).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )
 
   const setImageName = useCallback(
-    (newImageName: ProjectSettings['imageName']) => {
-      saveProjectSettings('imageName', newImageName).catch(debugConsole.error)
+    async (newImageName: ProjectSettings['imageName']) => {
+      await saveProjectSettings('imageName', newImageName).catch(
+        debugConsole.error
+      )
     },
     [saveProjectSettings]
   )