refactor contexts, format zod errors, and more refactoring

src/providers/OrgProvider.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import OrgContext from "@app/contexts/orgContext";
+import { GetOrgResponse } from "@server/routers/org";
+import { useState } from "react";
+
+interface OrgProviderProps {
+    children: React.ReactNode;
+    org: GetOrgResponse | null;
+}
+
+export function OrgProvider({ children, org: serverOrg }: OrgProviderProps) {
+    const [org, setOrg] = useState<GetOrgResponse | null>(serverOrg);
+
+    const updateOrg = (updatedOrg: Partial<GetOrgResponse>) => {
+        if (!org) {
+            throw new Error("No org to update");
+        }
+
+        setOrg((prev) => {
+            if (!prev) {
+                return prev;
+            }
+
+            return {
+                ...prev,
+                ...updatedOrg,
+            };
+        });
+    };
+
+    return (
+        <OrgContext.Provider value={{ org, updateOrg }}>
+            {children}
+        </OrgContext.Provider>
+    );
+}
+
+export default OrgProvider;

src/providers/ResourceProvider.tsx

@@ -1,10 +1,7 @@
 "use client";
 
-import api from "@app/api";
 import ResourceContext from "@app/contexts/resourceContext";
-import { toast } from "@app/hooks/use-toast";
 import { GetResourceResponse } from "@server/routers/resource/getResource";
-import { AxiosResponse } from "axios";
 import { useState } from "react";
 
 interface ResourceProviderProps {
@@ -12,34 +9,36 @@ interface ResourceProviderProps {
     resource: GetResourceResponse | null;
 }
 
-export function ResourceProvider({ children, resource: serverResource }: ResourceProviderProps) {
-    const [resource, setResource] = useState<GetResourceResponse | null>(serverResource);
+export function ResourceProvider({
+    children,
+    resource: serverResource,
+}: ResourceProviderProps) {
+    const [resource, setResource] = useState<GetResourceResponse | null>(
+        serverResource
+    );
 
-    const updateResource = async (updatedResource: Partial<GetResourceResponse>) => {
-        try {
-            if (!resource) {
-                throw new Error("No resource to update");
+    const updateResource = (updatedResource: Partial<GetResourceResponse>) => {
+        if (!resource) {
+            throw new Error("No resource to update");
+        }
+
+        setResource((prev) => {
+            if (!prev) {
+                return prev;
             }
 
-            const res = await api.post<AxiosResponse<GetResourceResponse>>(
-                `resource/${resource.resourceId}`,
-                updatedResource,
-            );
-            setResource(res.data.data);
-            toast({
-                title: "Resource updated!",
-            });
-        } catch (error) {
-            console.error(error);
-            toast({
-                variant: "destructive",
-                title: "Error updating resource...",
-            })
-        }
+            return {
+                ...prev,
+                ...updatedResource,
+            };
+        });
     };
 
-
-    return <ResourceContext.Provider value={{ resource, updateResource }}>{children}</ResourceContext.Provider>;
+    return (
+        <ResourceContext.Provider value={{ resource, updateResource }}>
+            {children}
+        </ResourceContext.Provider>
+    );
 }
 
-export default ResourceProvider;
+export default ResourceProvider;

src/providers/SiteProvider.tsx

@@ -1,10 +1,7 @@
 "use client";
 
-import api from "@app/api";
 import SiteContext from "@app/contexts/siteContext";
-import { toast } from "@app/hooks/use-toast";
 import { GetSiteResponse } from "@server/routers/site/getSite";
-import { AxiosResponse } from "axios";
 import { useState } from "react";
 
 interface SiteProviderProps {
@@ -12,34 +9,32 @@ interface SiteProviderProps {
     site: GetSiteResponse | null;
 }
 
-export function SiteProvider({ children, site: serverSite }: SiteProviderProps) {
+export function SiteProvider({
+    children,
+    site: serverSite,
+}: SiteProviderProps) {
     const [site, setSite] = useState<GetSiteResponse | null>(serverSite);
 
-    const updateSite = async (updatedSite: Partial<GetSiteResponse>) => {
-        try {
-            if (!site) {
-                throw new Error("No site to update");
-            }
-
-            const res = await api.post<AxiosResponse<GetSiteResponse>>(
-                `site/${site.siteId}`,
-                updatedSite,
-            );
-            setSite(res.data.data);
-            toast({
-                title: "Site updated!",
-            });
-        } catch (error) {
-            console.error(error);
-            toast({
-                variant: "destructive",
-                title: "Error updating site...",
-            })
+    const updateSite = (updatedSite: Partial<GetSiteResponse>) => {
+        if (!site) {
+            throw new Error("No site to update");
         }
+        setSite((prev) => {
+            if (!prev) {
+                return prev;
+            }
+            return {
+                ...prev,
+                ...updatedSite,
+            };
+        });
     };
 
-
-    return <SiteContext.Provider value={{ site, updateSite }}>{children}</SiteContext.Provider>;
+    return (
+        <SiteContext.Provider value={{ site, updateSite }}>
+            {children}
+        </SiteContext.Provider>
+    );
 }
 
-export default SiteProvider;
+export default SiteProvider;