Add site context?

src/app/[orgId]/sites/[siteId]/layout.tsx

@@ -4,7 +4,10 @@ import Image from "next/image"
 import { Separator } from "@/components/ui/separator"
 import { SidebarNav } from "@/components/sidebar-nav"
 import SiteProvider from "@app/providers/SiteProvider"
-import api from "@app/api"
+import { internal } from "@app/api"
+import { cookies } from "next/headers"
+import { GetSiteResponse } from "@server/routers/site"
+import { AxiosResponse } from "axios"
 
 export const metadata: Metadata = {
     title: "Forms",
@@ -40,20 +43,19 @@ interface SettingsLayoutProps {
 }
 
 export default async function SettingsLayout({ children, params }: SettingsLayoutProps) {
-    const res = await api
+    const sessionId = cookies().get("session")?.value ?? null;
-    .get(`/site/${params.siteId}`, {})
+    const res = await internal
-    .catch((e) => {
+    .get<AxiosResponse<GetSiteResponse>>(`/site/${params.siteId}`,          {
-        console.error("Failed to fetch site", e);
+        headers: {
+            Cookie: `session=${sessionId}`,
+        },
     });
 
-    console.log(res);
+    if (!res || res.status !== 200) {
-    
+        return <div>Failed to load site</div>;
-    console.log(params.siteId);
+    }
-    
-    // const site = res!.data.data;
 
-    // console.log(site);
+    const site = res.data.data;
-    const site: any = {};
 
     return (
         <>

src/components/appearance-form.tsx

@@ -18,6 +18,7 @@ import {
   FormMessage,
 } from "@/components/ui/form"
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { useSiteContext } from "@app/hooks/useSiteContext"
 
 const appearanceFormSchema = z.object({
   theme: z.enum(["light", "dark"], {
@@ -37,6 +38,10 @@ const defaultValues: Partial<AppearanceFormValues> = {
 }
 
 export function AppearanceForm() {
+    const site = useSiteContext();
+
+    console.log(site);
+    
   const form = useForm<AppearanceFormValues>({
     resolver: zodResolver(appearanceFormSchema),
     defaultValues,

src/hooks/useSiteContext.ts

@@ -0,0 +1,7 @@
+import { SiteContext } from "@app/contexts/siteContext";
+import { useContext } from "react";
+
+export function useSiteContext() {
+    const site = useContext(SiteContext);
+    return site;
+}