import Breadcrumbs from "@/components/ui/breadcrumbs"; import { Button } from "@/components/ui/button"; import Avatar from "@/feature/Avatar"; import { useUsers } from "@/store/admin/users"; import { useEffect, type FC } from "react"; import { Link, useParams } from "react-router"; const InfoCard = ({ title, children, }: { title: string; children: React.ReactNode; }) => (

{title}

{children}
); const AdminViewUserPage: FC = () => { const { userId } = useParams(); const user = useUsers((state) => state.current); const userPermissions = useUsers((s) => s.userPermissions); // const loading = useApiServices((state) => state.fetchingApiService); const loadUser = useUsers((state) => state.fetchUser); useEffect(() => { if (typeof userId === "string") loadUser(userId); }, [loadUser, userId]); if (!user) { return (

Loading User...

); } return (
{/* 📋 Main Details */}
Avatar:
Full Name: {" "} {user.full_name}
Email: {" "} {user.email}
Phone Number: {" "} {user.phone_number || "-"}{" "}
Is Admin: {" "} {user.is_admin ? "Yes" : "No"}
Created At: {" "} {new Date(user.created_at).toLocaleString()}
Last Login At: {" "} {user.last_login ? new Date(user.last_login).toLocaleString() : "never"}
{JSON.stringify(userPermissions, null, 2)}
{/* 🚀 Actions */}
); }; export default AdminViewUserPage;