website refactor

apps/website/client-wrapper/AdminUsersWrapper.tsx

@@ -6,13 +6,10 @@ import { AdminUsersTemplate } from '@/templates/AdminUsersTemplate';
 import { AdminUsersViewData } from '@/lib/view-data/AdminUsersViewData';
 import { updateUserStatus, deleteUser } from '@/app/actions/adminActions';
 import { routes } from '@/lib/routing/RouteConfig';
-import { ConfirmDialog } from '@/ui/ConfirmDialog';
+import { SharedConfirmDialog } from '@/components/shared/UIComponents';
+import { ClientWrapperProps } from '@/lib/contracts/components/ComponentContracts';
 
-interface AdminUsersWrapperProps {
-  initialViewData: AdminUsersViewData;
-}
-
-export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
+export function AdminUsersWrapper({ viewData }: ClientWrapperProps<AdminUsersViewData>) {
   const router = useRouter();
   const searchParams = useSearchParams();
 
@@ -38,12 +35,12 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
   }, []);
 
   const handleSelectAll = useCallback(() => {
-    if (selectedUserIds.length === initialViewData.users.length) {
+    if (selectedUserIds.length === viewData.users.length) {
       setSelectedUserIds([]);
     } else {
-      setSelectedUserIds(initialViewData.users.map(u => u.id));
+      setSelectedUserIds(viewData.users.map(u => u.id));
     }
-  }, [selectedUserIds.length, initialViewData.users]);
+  }, [selectedUserIds.length, viewData.users]);
 
   const handleClearSelection = useCallback(() => {
     setSelectedUserIds([]);
@@ -132,7 +129,7 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
   return (
     <>
       <AdminUsersTemplate
-        viewData={initialViewData}
+        viewData={viewData}
         onRefresh={handleRefresh}
         onSearch={handleSearch}
         onFilterRole={handleFilterRole}
@@ -151,7 +148,7 @@ export function AdminUsersWrapper({ initialViewData }: AdminUsersWrapperProps) {
         onSelectAll={handleSelectAll}
         onClearSelection={handleClearSelection}
       />
-      <ConfirmDialog
+      <SharedConfirmDialog
         isOpen={!!userToDelete}
         onClose={() => setUserToDelete(null)}
         onConfirm={confirmDeleteUser}