34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import type { FC, ReactNode } from "react";
|
|
import { useEffect } from "react";
|
|
import { observer } from "mobx-react";
|
|
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}</>;
|
|
});
|