Location Edit/Add/Delete form migrated back to server-side component

app/location/[id]/edit/LocationEditPage.tsx

@@ -1,53 +1,16 @@
-"use client";
-
 import { notFound } from 'next/navigation';
-import { LocationEditForm, LocationEditFormSkeleton } from '@/app/ui/LocationEditForm';
-import { useEffect, useState } from 'react';
-import { WithId } from 'mongodb';
-import { BillingLocation } from '@/app/lib/db-types';
+import { LocationEditForm } from '@/app/ui/LocationEditForm';
+import { fetchLocationById } from '@/app/lib/actions/locationActions';
 
+export default async function LocationEditPage({ locationId }: { locationId:string }) {
 
-const fetchLocationById = async (locationId: string) => {
-    const response = await fetch(`/api/locations/by-id?id=${locationId}`);
-    const json = await response.json();
-    return json.location as WithId<BillingLocation>;
-}
+    const location = await fetchLocationById(locationId);
 
-export default function LocationEditPage({ locationId }: { locationId:string }) {
-
-    const [state, stateSet] = useState<{
-        status: 'loading' | 'error' | 'success';
-        location?: WithId<BillingLocation>;
-        error?: string;
-    }>({ status: 'loading' });
-
-    useEffect(() => {
-
-        const fetchLocation = async () => {
-            try {
-                const location = await fetchLocationById(locationId);
-                stateSet({ location, status: 'success' });
-            } catch(error:any) {
-                stateSet({ status: 'error', error: error.message });
-            }
-        };
-
-        fetchLocation();
-        
-    }, [locationId]);
-
-    switch(state.status) {
-        case "error":
-            return(<div>Error: {state.error}</div>);
-        case "loading":
-            return(<LocationEditFormSkeleton />);
-        case "success":
-            if (!state.location) {
-                return(notFound());
-            }
-
-            return(<LocationEditForm location={state.location} />);
-        default:
-            return(<div>Error: Unknown status</div>);
+    if (!location) {
+        return(notFound());
     }
+
+    const result = <LocationEditForm location={location} />;
+    
+    return (result);
 }