86f0ffc7d1
* Chore disable git submodule for web-client and app-backend * Chore add newest source code of app-backend and web-client --------- Co-authored-by: Hien To <tominhhien97@gmail.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React from "react";
|
|
import { Popover } from "@headlessui/react";
|
|
import { MenuHeader } from "../MenuHeader";
|
|
import useGetCurrentUser from "@/_hooks/useGetCurrentUser";
|
|
|
|
type Props = {
|
|
onLogOutClick: () => void;
|
|
};
|
|
|
|
const UserProfileDropDown: React.FC<Props> = ({ onLogOutClick }) => {
|
|
const { loading, user } = useGetCurrentUser();
|
|
|
|
if (loading || !user) {
|
|
return <div></div>;
|
|
}
|
|
|
|
return (
|
|
<Popover.Group className="hidden lg:flex lg:gap-x-12">
|
|
<Popover className="relative">
|
|
<Popover.Button className="flex items-center gap-2 outline-none">
|
|
<img
|
|
className="rounded-sm w-8 aspect-square"
|
|
src={user.avatarUrl ?? "/icons/app_icon.svg"}
|
|
alt=""
|
|
/>
|
|
<div className="flex flex-col justify-start">
|
|
<h2 className="text-sm leading-5 text-[#111928] dark:text-gray-400">
|
|
{user.displayName}
|
|
</h2>
|
|
</div>
|
|
</Popover.Button>
|
|
<MenuHeader onLogOutClick={onLogOutClick} />
|
|
</Popover>
|
|
</Popover.Group>
|
|
);
|
|
};
|
|
|
|
export default UserProfileDropDown;
|