forked from github/plane
32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { FC, ReactNode, useEffect } from "react";
|
||
|
|
import { observer } from "mobx-react-lite";
|
||
|
|
import useSWR from "swr";
|
||
|
|
// hooks
|
||
|
|
import { useInstance, useTheme, useUser } from "@/hooks/store";
|
||
|
|
|
||
|
|
interface IUserProvider {
|
||
|
|
children: ReactNode;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const UserProvider: FC<IUserProvider> = observer(({ children }) => {
|
||
|
|
// hooks
|
||
|
|
const { isSidebarCollapsed, toggleSidebar } = useTheme();
|
||
|
|
const { currentUser, fetchCurrentUser } = useUser();
|
||
|
|
const { fetchInstanceAdmins } = useInstance();
|
||
|
|
|
||
|
|
useSWR("CURRENT_USER", () => fetchCurrentUser(), {
|
||
|
|
shouldRetryOnError: false,
|
||
|
|
});
|
||
|
|
useSWR("INSTANCE_ADMINS", () => fetchInstanceAdmins());
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
const localValue = localStorage && localStorage.getItem("god_mode_sidebar_collapsed");
|
||
|
|
const localBoolValue = localValue ? (localValue === "true" ? true : false) : false;
|
||
|
|
if (isSidebarCollapsed === undefined && localBoolValue != isSidebarCollapsed) toggleSidebar(localBoolValue);
|
||
|
|
}, [isSidebarCollapsed, currentUser, toggleSidebar]);
|
||
|
|
|
||
|
|
return <>{children}</>;
|
||
|
|
});
|