"use client";

import React from "react";
import ProfilePage from "@/Views/Dashboard/Profile/ProfilePage";
import { useGetSingleUser } from "@/models/Users/UserModel";
import { useParams } from "next/navigation";

const UserDetailsPage = () => {
  const params = useParams();
  const userId = params?.id;
  const result = useGetSingleUser({ userId: String(userId) });
  const data = result?.data;
  const isLoading = result?.isLoading;

  console.log(data);
  console.log(userId);

  if (isLoading) return <div>Loading...</div>;
  if (!data?.user) return <div>User not found</div>;
  return (
    <ProfilePage user={{ ...data.user, status: String(data.user.status) }} />
  );
};

export default UserDetailsPage;