Kemas M. Aryadary Rasyad
26 lines
616 B
TypeScript
26 lines
616 B
TypeScript
import { useState, useEffect } from "react";
|
|
import api from "../../../../lib/api";
|
|
|
|
const HomeHeader = () => {
|
|
const [name, setName] = useState("");
|
|
|
|
useEffect(() => {
|
|
api.get("/auth-api/me")
|
|
.then((res) => {
|
|
setName(res.data.data.full_name || (res.data.data.nama_depan + " " + res.data.data.nama_belakang));
|
|
})
|
|
.catch((err) => {
|
|
console.error("Failed to fetch user:", err);
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex items-start px-0 mb-5">
|
|
<h1 className="page-title">Hi, {name || "User"}!</h1>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HomeHeader; |