diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx index 8cb7a7e..03cc43b 100644 --- a/client/src/pages/Home.tsx +++ b/client/src/pages/Home.tsx @@ -144,6 +144,60 @@ export default function Home() { Admin Dashboard + + + + + + Theme + handleThemeChange('light')} + className="cursor-pointer" + data-testid="theme-light" + > + + Light + + handleThemeChange('dark')} + className="cursor-pointer" + data-testid="theme-dark" + > + + Dark + + handleThemeChange('system')} + className="cursor-pointer" + data-testid="theme-system" + > + + System + + + + + Language + {languages.map((lang) => ( + handleLanguageChange(lang.code)} + className="cursor-pointer" + data-testid={`language-${lang.code}`} + > + + {lang.name} + + ))} + + +
@@ -168,69 +222,71 @@ export default function Home() { ) : ( - - )} - - - + <> + + + + + + Theme + handleThemeChange('light')} + className="cursor-pointer" + data-testid="theme-light" + > + + Light + + handleThemeChange('dark')} + className="cursor-pointer" + data-testid="theme-dark" + > + + Dark + + handleThemeChange('system')} + className="cursor-pointer" + data-testid="theme-system" + > + + System + + + + + Language + {languages.map((lang) => ( + handleLanguageChange(lang.code)} + className="cursor-pointer" + data-testid={`language-${lang.code}`} + > + + {lang.name} + + ))} + + + - - - Theme - handleThemeChange('light')} - className="cursor-pointer" - data-testid="theme-light" - > - - Light - - handleThemeChange('dark')} - className="cursor-pointer" - data-testid="theme-dark" - > - - Dark - - handleThemeChange('system')} - className="cursor-pointer" - data-testid="theme-system" - > - - System - - - - - Language - {languages.map((lang) => ( - handleLanguageChange(lang.code)} - className="cursor-pointer" - data-testid={`language-${lang.code}`} - > - - {lang.name} - - ))} - - + + )}