website refactor

apps/website/app/admin/users/AdminUsersWrapper.tsx

@@ -5,6 +5,7 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { AdminUsersTemplate } from '@/templates/AdminUsersTemplate';
 import { AdminUsersViewData } from '@/lib/view-data/AdminUsersViewData';
 import { updateUserStatus, deleteUser } from '../actions';
+import { routes } from '@/lib/routing/RouteConfig';
 
 interface AdminUsersWrapperProps {
   initialViewData: AdminUsersViewData;
@@ -30,7 +31,7 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
     if (newSearch) params.set('search', newSearch);
     else params.delete('search');
     params.delete('page'); // Reset to page 1
-    router.push(`/admin/users?${params.toString()}`);
+    router.push(`${routes.admin.users}?${params.toString()}`);
   }, [router, searchParams]);
 
   const handleFilterRole = useCallback((role: string) => {
@@ -38,7 +39,7 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
     if (role) params.set('role', role);
     else params.delete('role');
     params.delete('page');
-    router.push(`/admin/users?${params.toString()}`);
+    router.push(`${routes.admin.users}?${params.toString()}`);
   }, [router, searchParams]);
 
   const handleFilterStatus = useCallback((status: string) => {
@@ -46,11 +47,11 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
     if (status) params.set('status', status);
     else params.delete('status');
     params.delete('page');
-    router.push(`/admin/users?${params.toString()}`);
+    router.push(`${routes.admin.users}?${params.toString()}`);
   }, [router, searchParams]);
 
   const handleClearFilters = useCallback(() => {
-    router.push('/admin/users');
+    router.push(routes.admin.users);
   }, [router]);
 
   const handleRefresh = useCallback(() => {
@@ -61,7 +62,13 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
   const handleUpdateStatus = useCallback(async (userId: string, newStatus: string) => {
     try {
       setLoading(true);
-      await updateUserStatus(userId, newStatus);
+      const result = await updateUserStatus(userId, newStatus);
+      
+      if (result.isErr()) {
+        setError(result.getError());
+        return;
+      }
+      
       // Revalidate data
       router.refresh();
     } catch (err) {
@@ -78,7 +85,13 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
 
     try {
       setDeletingUser(userId);
-      await deleteUser(userId);
+      const result = await deleteUser(userId);
+      
+      if (result.isErr()) {
+        setError(result.getError());
+        return;
+      }
+      
       // Revalidate data
       router.refresh();
     } catch (err) {

apps/website/app/admin/users/page.tsx

@@ -1,5 +1,6 @@
 import { AdminUsersPageQuery } from '@/lib/page-queries/AdminUsersPageQuery';
 import { AdminUsersWrapper } from './AdminUsersWrapper';
+import { ErrorBanner } from '@/components/ui/ErrorBanner';
 
 interface AdminUsersPageProps {
   searchParams?: {
@@ -28,24 +29,24 @@ export default async function AdminUsersPage({ searchParams }: AdminUsersPagePro
     const error = result.getError();
     if (error === 'notFound') {
       return (
-        <div className="container mx-auto p-6">
-          <div className="bg-racing-red/10 border border-racing-red text-racing-red px-4 py-3 rounded-lg">
-            Access denied - You must be logged in as an Owner or Admin
-          </div>
-        </div>
+        <ErrorBanner
+          title="Access Denied"
+          message="You must be logged in as an Owner or Admin"
+          variant="error"
+        />
       );
     }
     return (
-      <div className="container mx-auto p-6">
-        <div className="bg-racing-red/10 border border-racing-red text-racing-red px-4 py-3 rounded-lg">
-          Failed to load users: {error}
-        </div>
-      </div>
+      <ErrorBanner
+        title="Load Failed"
+        message={`Failed to load users: ${error}`}
+        variant="error"
+      />
     );
   }
 
-  const viewData = result.unwrap();
+  const output = result.unwrap();
 
   // Pass to client wrapper for UI interactions
-  return <AdminUsersWrapper initialViewData={viewData} />;
+  return <AdminUsersWrapper initialViewData={output} />;
 }