aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-06 21:22:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add user detail page

Browse Source
This commit is contained in:
Steven
2022-09-13 20:57:15 +08:00
parent 90639322b7
commit 156218b40f
14 changed files with 76 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/components/Header.tsx
View File

@ -16,7 +16,9 @@ const Header: React.FC = () => {
return (
<div className="w-full bg-amber-50">
<div className="w-full max-w-4xl mx-auto px-3 py-4 flex flex-row justify-between items-center">
<span className="text-xl font-mono font-medium">Corgi</span>
<span className="text-xl font-mono font-medium cursor-pointer" onClick={() => navigate("/")}>
Corgi
</span>
<div className="relative">
<Dropdown
trigger={
@ -27,11 +29,21 @@ const Header: React.FC = () => {
}
actions={
<>
<span className="w-full px-2 leading-8 cursor-pointer rounded hover:bg-gray-100" onClick={() => handleSignOutButtonClick()}>
<span
className="w-full px-3 leading-8 cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
onClick={() => navigate(`/user/${user?.id}`)}
>
My information
</span>
<span
className="w-full px-3 leading-8 cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
onClick={() => handleSignOutButtonClick()}
>
Sign out
</span>
</>
}
actionsClassName="!w-36"
></Dropdown>
</div>
</div>