From acad014cc94f6e0ac62be6bb062cb38570eb84d9 Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Fri, 25 Aug 2023 14:43:06 +0100
Subject: [PATCH] added Legacy keyword in front of theme names

GitOrigin-RevId: 67153578ba1cdfcc2df45caf4dee185644ec1021
---
 .../components/settings/settings-editor-theme.tsx             | 2 +-
 .../components/settings/settings-editor-theme.test.tsx        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
index d4c5b1f9a8..8244b298b9 100644
--- a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
@@ -30,7 +30,7 @@ export default function SettingsEditorTheme() {
     const legacyEditorThemeOptions: Array<Option> =
       legacyEditorThemes?.map(theme => ({
         value: theme,
-        label: theme.replace(/_/g, ' '),
+        label: theme.replace(/_/g, ' ') + ' (Legacy)',
       })) ?? []
 
     return [...editorThemeOptions, dividerOption, ...legacyEditorThemeOptions]
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
index b26ebb9314..8d88157776 100644
--- a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
@@ -30,7 +30,9 @@ describe('<SettingsEditorTheme />', function () {
     }
 
     for (const theme of legacyEditorThemes) {
-      const option = within(select).getByText(theme.replace(/_/g, ' '))
+      const option = within(select).getByText(
+        theme.replace(/_/g, ' ') + ' (Legacy)'
+      )
       expect(option.getAttribute('value')).to.equal(theme)
     }
   })