Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix(frontend): Implement persistent dark mode setting and & Implement persistent dark mode setting #2423

Merged
merged 13 commits into from May 14, 2024
Merged

fix(frontend): Implement persistent dark mode setting and & Implement persistent dark mode setting #2423

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
da5d78b
Persist user-selected language across sessions
elazarnaaman Apr 11, 2024
01068ba
Implement persistent dark mode setting
elazarnaaman Apr 11, 2024
d7633a2
Merge branch 'main' into main
elazarnaaman Apr 11, 2024
77e5f33
fixes
elazarnaaman Apr 12, 2024
bb45566
Merge branch 'main' into main
elazarnaaman Apr 12, 2024
313b445
Merge branch 'main' into main
elazarnaaman Apr 16, 2024
108e8ae
changes
elazarnaaman Apr 20, 2024
4db3a8a
Merge branch 'main' of https://github.com/elazarnaaman/quivr
elazarnaaman Apr 20, 2024
6863f91
Merge branch 'main' into main
elazarnaaman Apr 20, 2024
767c8d3
Merge branch 'main' into main
elazarnaaman Apr 27, 2024
9ddcb9a
Merge branch 'main' into pr/elazarnaaman/2423-1
Zewed May 13, 2024
baba5be
Merge branch 'main' into pr/elazarnaaman/2423-1
Zewed May 14, 2024
544bea9
smalls
Zewed May 14, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
9 changes: 6 additions & 3 deletions frontend/app/user/components/LanguageSelect/hooks/useLanguageHook.ts
View file
Open in desktop
Expand Up @@ -57,10 +57,13 @@ export const useLanguageHook = (): {
const savedLanguage = localStorage.getItem("selectedLanguage") ?? "English";

setCurrentLanguage(
languages.find((language) => language.label === savedLanguage)
languages.find((language) => language.label === savedLanguage)
elazarnaaman marked this conversation as resolved.
Show resolved Hide resolved
);
void i18n.changeLanguage(savedLanguage);
}, [i18n]);
var shortName = languages.find(
elazarnaaman marked this conversation as resolved.
Show resolved Hide resolved
(language) => language.label === savedLanguage
)?.shortName;
void i18n.changeLanguage(shortName);
}, [i18n]);

const change = (newLanguage: Language) => {
void track("CHANGE_LANGUAGE");
Expand Down
6 changes: 4 additions & 2 deletions frontend/lib/context/UserSettingsProvider/User-settings.provider.tsx
View file
Open in desktop
Expand Up @@ -16,11 +16,12 @@ export const UserSettingsProvider = ({
}: {
children: React.ReactNode;
}): JSX.Element => {
var bool = localStorage.getItem("isDarkMode") === "true" ? true : false;
elazarnaaman marked this conversation as resolved.
Show resolved Hide resolved

const [isDarkMode, setIsDarkMode] = useState<boolean>(() => {
if (typeof window !== "undefined") {
return true;
return bool;
elazarnaaman marked this conversation as resolved.
Show resolved Hide resolved
}

return true;
});

Expand All @@ -45,6 +46,7 @@ export const UserSettingsProvider = ({
setIsDarkMode(updatedState);
localStorage.setItem("isDarkMode", JSON.stringify(updatedState));
};

mediaQueryList.addEventListener("change", listener);

return () => {
Expand Down