website refactor

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

@@ -4,8 +4,9 @@ import { useState, useCallback } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { AdminUsersTemplate } from '@/templates/AdminUsersTemplate';
 import { AdminUsersViewData } from '@/lib/view-data/AdminUsersViewData';
-import { updateUserStatus, deleteUser } from '@/app/admin/actions';
+import { updateUserStatus, deleteUser } from '@/app/actions/adminActions';
 import { routes } from '@/lib/routing/RouteConfig';
+import { ConfirmDialog } from '@/components/shared/ux/ConfirmDialog';
 
 interface AdminUsersWrapperProps {
   initialViewData: AdminUsersViewData;
@@ -19,12 +20,35 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [deletingUser, setDeletingUser] = useState<string | null>(null);
+  const [userToDelete, setUserToDelete] = useState<string | null>(null);
+  const [selectedUserIds, setSelectedUserIds] = useState<string[]>([]);
 
   // Current filter values from URL
   const search = searchParams.get('search') || '';
   const roleFilter = searchParams.get('role') || '';
   const statusFilter = searchParams.get('status') || '';
 
+  // Selection handlers
+  const handleSelectUser = useCallback((userId: string) => {
+    setSelectedUserIds(prev => 
+      prev.includes(userId) 
+        ? prev.filter(id => id !== userId) 
+        : [...prev, userId]
+    );
+  }, []);
+
+  const handleSelectAll = useCallback(() => {
+    if (selectedUserIds.length === initialViewData.users.length) {
+      setSelectedUserIds([]);
+    } else {
+      setSelectedUserIds(initialViewData.users.map(u => u.id));
+    }
+  }, [selectedUserIds.length, initialViewData.users]);
+
+  const handleClearSelection = useCallback(() => {
+    setSelectedUserIds([]);
+  }, []);
+
   // Callbacks that update URL (triggers RSC re-render)
   const handleSearch = useCallback((newSearch: string) => {
     const params = new URLSearchParams(searchParams);
@@ -79,13 +103,16 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
   }, [router]);
 
   const handleDeleteUser = useCallback(async (userId: string) => {
-    if (!confirm('Are you sure you want to delete this user? This action cannot be undone.')) {
-      return;
-    }
+    setUserToDelete(userId);
+  }, []);
+
+  const confirmDeleteUser = useCallback(async () => {
+    if (!userToDelete) return;
 
     try {
-      setDeletingUser(userId);
-      const result = await deleteUser(userId);
+      setDeletingUser(userToDelete);
+      setError(null);
+      const result = await deleteUser(userToDelete);
 
       if (result.isErr()) {
         setError(result.getError());
@@ -94,29 +121,46 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
 
       // Revalidate data
       router.refresh();
+      setUserToDelete(null);
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to delete user');
     } finally {
       setDeletingUser(null);
     }
-  }, [router]);
+  }, [router, userToDelete]);
 
   return (
-    <AdminUsersTemplate
-      viewData={initialViewData}
-      onRefresh={handleRefresh}
-      onSearch={handleSearch}
-      onFilterRole={handleFilterRole}
-      onFilterStatus={handleFilterStatus}
-      onClearFilters={handleClearFilters}
-      onUpdateStatus={handleUpdateStatus}
-      onDeleteUser={handleDeleteUser}
-      search={search}
-      roleFilter={roleFilter}
-      statusFilter={statusFilter}
-      loading={loading}
-      error={error}
-      deletingUser={deletingUser}
-    />
+    <>
+      <AdminUsersTemplate
+        viewData={initialViewData}
+        onRefresh={handleRefresh}
+        onSearch={handleSearch}
+        onFilterRole={handleFilterRole}
+        onFilterStatus={handleFilterStatus}
+        onClearFilters={handleClearFilters}
+        onUpdateStatus={handleUpdateStatus}
+        onDeleteUser={handleDeleteUser}
+        search={search}
+        roleFilter={roleFilter}
+        statusFilter={statusFilter}
+        loading={loading}
+        error={error}
+        deletingUser={deletingUser}
+        selectedUserIds={selectedUserIds}
+        onSelectUser={handleSelectUser}
+        onSelectAll={handleSelectAll}
+        onClearSelection={handleClearSelection}
+      />
+      <ConfirmDialog
+        isOpen={!!userToDelete}
+        onClose={() => setUserToDelete(null)}
+        onConfirm={confirmDeleteUser}
+        title="Delete User"
+        description="Are you sure you want to delete this user? This action cannot be undone and will permanently remove the user's access."
+        confirmLabel="Delete User"
+        variant="danger"
+        isLoading={!!deletingUser}
+      />
+    </>
   );
-}
+}