selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

header, font and color changes

Browse Source
This commit is contained in:
Sara
2023-09-15 12:39:30 +02:00
parent dc3d06038d
commit b6c65805f8
3 changed files with 45 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
www/app/(auth)/userInfo.tsx
View File

@@ -10,34 +10,17 @@ export default function UserInfo() {
const isAuthenticated = useFiefIsAuthenticated();
const userinfo = useFiefUserinfo();
return (
<header className="bg-black w-full border-b border-gray-700 flex justify-between items-center py-2 mb-3">
{/* Logo on the left */}
<Link href="/">
<Image
src="/reach.png"
width={16}
height={16}
className="h-6 w-auto ml-2"
alt="Reflector"
/>
</Link>
{/* Text link on the right */}
{!isAuthenticated && (
<span className="text-white hover:underline font-thin px-2">
<Link href="/login">Log in or create account</Link>
</span>
)}
{isAuthenticated && (
<span className="text-white font-thin px-2">
{userinfo?.email} (
<span className="hover:underline">
<Link href="/logout">Log out</Link>
</span>
)
</span>
)}
</header>
return !isAuthenticated ? (
<span className="hover:underline font-thin px-2">
<Link href="/login">Log in or create account</Link>
</span>
) : (
<span className="font-thin px-2">
{userinfo?.email} (
<span className="hover:underline">
<Link href="/logout">Log out</Link>
</span>
)
</span>
);
}