mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
import { useEffect } from "react";
|
|
// next themes
|
|
import { useTheme } from "next-themes";
|
|
// mobx store
|
|
import { useMobxStore } from "lib/mobx/store-provider";
|
|
import { useRouter } from "next/router";
|
|
|
|
const MobxStoreInit = () => {
|
|
const { theme: themeStore, user: userStore, workspace: workspaceStore, project: projectStore } = useMobxStore();
|
|
const { setTheme } = useTheme();
|
|
|
|
const router = useRouter();
|
|
const { workspaceSlug, projectId } = router.query;
|
|
|
|
useEffect(() => {
|
|
// sidebar collapsed toggle
|
|
if (localStorage && localStorage.getItem("app_sidebar_collapsed") && themeStore?.sidebarCollapsed === null)
|
|
themeStore.setSidebarCollapsed(
|
|
localStorage.getItem("app_sidebar_collapsed")
|
|
? localStorage.getItem("app_sidebar_collapsed") === "true"
|
|
? true
|
|
: false
|
|
: false
|
|
);
|
|
|
|
// theme
|
|
if (themeStore.theme === null && userStore?.currentUserSettings) {
|
|
let currentTheme = localStorage.getItem("theme");
|
|
currentTheme = currentTheme ? currentTheme : "system";
|
|
|
|
// validating the theme and applying for initial state
|
|
if (currentTheme) {
|
|
setTheme(currentTheme);
|
|
themeStore.setTheme({ theme: { theme: currentTheme } });
|
|
}
|
|
}
|
|
}, [themeStore, userStore, setTheme]);
|
|
|
|
useEffect(() => {
|
|
// current user
|
|
if (userStore?.currentUser === null) userStore.setCurrentUser();
|
|
|
|
// current user settings
|
|
if (userStore?.currentUserSettings === null) userStore.setCurrentUserSettings();
|
|
}, [userStore]);
|
|
|
|
useEffect(() => {
|
|
if (workspaceSlug) workspaceStore.setWorkspaceSlug(workspaceSlug.toString());
|
|
if (projectId) projectStore.setProjectId(projectId.toString());
|
|
}, [workspaceSlug, projectId, workspaceStore, projectStore]);
|
|
|
|
return <></>;
|
|
};
|
|
|
|
export default MobxStoreInit;
|