quota context hook

2025-08-03 19:59:01 +02:00
parent 3eadd5c15d
commit 67d8dac8c0
4 changed files with 24 additions and 23 deletions
@@ -8,26 +8,19 @@ import AuthStatus from "muzak/components/AuthStatus";
 import NavigationBar from "muzak/components/NavigationBar";
 import Quota from "muzak/components/Quota";
 import { AnimationContext } from "muzak/contexts/AnimationContext";
+import { QuotaContext } from "muzak/contexts/QuotaContext";

 const nunito = Nunito({
  subsets: ["latin"],
 });

-function LayoutContent({
-  children,
-  quota,
-  setQuota,
-}: {
-  children: React.ReactNode;
-  quota: number | null;
-  setQuota: React.Dispatch<React.SetStateAction<number | null>>;
-}) {
+function LayoutContent({ children }: { children: React.ReactNode }) {
  return (
    <>
      <AuthStatus />
      {children}
      {/* <NavigationBar /> */}
-      <Quota quota={quota} setQuota={setQuota} />
+      <Quota />
    </>
  );
 }
@@ -49,11 +42,9 @@ export default function RootLayout({
      <body className={`bg-game-show ${isAnimate ? "animate" : ""} h-screen`}>
        <AuthProvider {...oidcConfig}>
          <AnimationContext.Provider value={{ isAnimate, setIsAnimate }}>
-            <LayoutContent
-              children={children}
-              quota={quota}
-              setQuota={setQuota}
-            />
+            <QuotaContext.Provider value={{ quota, setQuota }}>
+              <LayoutContent children={children} />
+            </QuotaContext.Provider>
          </AnimationContext.Provider>
        </AuthProvider>
      </body>