feat: rename component

src/components/Shell/Shell.js

@@ -8,7 +8,7 @@ import { AvatarShape } from '@ui5/webcomponents-react/lib/AvatarShape';
 import { AvatarSize } from '@ui5/webcomponents-react/lib/AvatarSize';
 import BrowserProvider from '../../util/browser/BrowserProvider';
 import PopoverListItems from '../Popover/List/PopoverListItems';
-import LanguageSwitchDialog from './LanguageSwitchDialog';
+import ThemeSwitch from '../ThemeSwitch/ThemeSwitch';
 
 const style = {
   shell: {
@@ -53,7 +53,7 @@ const Shell = ({ title, ...props }) => {
       />
       <div data-testid="emptySpace-wrapper" style={style.emptySpace} />
       <PopoverListItems popoverRef={popoverConfigItemsRef} title={t('shell.button.user.settings')} items={popoverItems} />
-      <LanguageSwitchDialog dialogRef={themeSwitchRef} />
+      <ThemeSwitch dialogRef={themeSwitchRef} />
     </>
   );
 };

src/components/Shell/LanguageSwitchDialog.js → src/components/ThemeSwitch/ThemeSwitch.js

@@ -6,7 +6,7 @@ import { Select } from '@ui5/webcomponents-react/lib/Select';
 import { setTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
 import InformationDialog from '../InformationDialog/InformationDialog';
 
-const LanguageSwitchDialog = ({ dialogRef, storedTheme = localStorage.getItem('reactSeedSelectedTheme') }) => {
+const ThemeSwitch = ({ dialogRef, storedTheme = localStorage.getItem('reactSeedSelectedTheme') }) => {
   const { t } = useTranslation();
   setTheme(storedTheme ? storedTheme : 'sap_fiori_3');
 
@@ -44,4 +44,4 @@ const LanguageSwitchDialog = ({ dialogRef, storedTheme = localStorage.getItem('r
   );
 };
 
-export default LanguageSwitchDialog;
+export default ThemeSwitch;

src/components/Shell/LanguageSwitchDialog.test.js → src/components/ThemeSwitch/ThemeSwitch.test.js

@@ -4,32 +4,32 @@ import '@testing-library/jest-dom/extend-expect';
 import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
 import { render, screen } from '../../util/TestSetup';
 
-import LanguageSwitchDialog from './LanguageSwitchDialog';
+import ThemeSwitch from './ThemeSwitch';
 
-describe('LanguageSwitchDialog.js Test Suite', () => {
+describe('ThemeSwitch.js Test Suite', () => {
   test('Should render', () => {
-    const dialog = <LanguageSwitchDialog />;
+    const dialog = <ThemeSwitch />;
     render(dialog);
     const infoDialog = screen.getByTestId('language-switch-wrapper');
     expect(infoDialog).toBeInTheDocument();
   });
 
   test('Should load sap_fiori_3 as default theme', () => {
-    render(<LanguageSwitchDialog />);
+    render(<ThemeSwitch />);
     const currentTheme = getTheme();
     expect(currentTheme).toBe('sap_fiori_3');
   });
 
   test('Should load black contrast theme', () => {
     const themeSet = 'sap_fiori_3_hcb';
-    render(<LanguageSwitchDialog storedTheme={themeSet} />);
+    render(<ThemeSwitch storedTheme={themeSet} />);
     const currentTheme = getTheme();
     expect(currentTheme).toBe(themeSet);
   });
 
   test('Should load belize theme', () => {
     const themeSet = 'sap_belize';
-    render(<LanguageSwitchDialog storedTheme={themeSet} />);
+    render(<ThemeSwitch storedTheme={themeSet} />);
     const currentTheme = getTheme();
     expect(currentTheme).toBe(themeSet);
   });