61 lines
2.1 KiB
TypeScript
61 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import AccountDetails from "@/components/user-profile/AccountDetails";
|
|
import ApplicationList from "@/components/user-profile/ApplicationList";
|
|
import MediaCard from "@/components/user-profile/Media";
|
|
import UserInfoCard from "@/components/user-profile/UserInfoCard";
|
|
import UserMetaCard from "@/components/user-profile/UserMetaCard";
|
|
import { MediaDto } from "@/interface/media";
|
|
import { UserMetaCardProps } from "@/interface/user";
|
|
import { apiGetCurrentUser } from "@/service/auth";
|
|
import { apiGetCurrentUserApplications, apiGetCurrentUserMedia } from "@/service/userService";
|
|
import { useEffect, useState } from "react";
|
|
|
|
export default function Profile() {
|
|
const [user, setUser] = useState<UserMetaCardProps | null>(null);
|
|
const [mediaData, setMediaData] = useState<MediaDto | null>(null);
|
|
const [applications, setApplications] = useState<any[]>([]);
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
useEffect(() => {
|
|
const fetchUser = async () => {
|
|
try {
|
|
const userData = await apiGetCurrentUser();
|
|
const mediaResponse = await apiGetCurrentUserMedia();
|
|
const userApplications = await apiGetCurrentUserApplications();
|
|
|
|
console.log(userData);
|
|
|
|
if (userApplications?.data) {
|
|
setApplications(userApplications.data);
|
|
}
|
|
|
|
setMediaData(mediaResponse);
|
|
setUser(userData);
|
|
} catch (err) {
|
|
console.error("Lỗi:", err);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
fetchUser();
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<div className="rounded-2xl border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] lg:p-6">
|
|
<h3 className="mb-5 text-lg font-semibold text-gray-800 dark:text-white/90 lg:mb-7">
|
|
Profile
|
|
</h3>
|
|
<div className="space-y-6">
|
|
<UserMetaCard data={user ?? {}} />
|
|
<UserInfoCard data={{ ...user, openEdit: true }} />
|
|
{(mediaData?.data?.length ?? 0) > 0 && <MediaCard data={mediaData ?? {}} />}
|
|
<ApplicationList applications={applications} />
|
|
<AccountDetails data={user ?? {}} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|