3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-19 11:56:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

Profile page (#190)

Browse source
This commit is contained in:
Luke Vella 2022-05-25 16:25:49 +01:00 • committed by GitHub
parent d7043891fa
commit 3384c937c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 441 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/standard-layout.tsx
View file

@ -5,6 +5,7 @@ import React from "react";
import Menu from "@/components/icons/menu.svg";
import User from "@/components/icons/user.svg";
import UserCircle from "@/components/icons/user-circle.svg";
import Logo from "~/public/logo.svg";
import Dropdown, { DropdownItem, DropdownProps } from "./dropdown";
@ -71,10 +72,7 @@ const MobileNavigation: React.VoidFunctionComponent<{
className="group inline-flex w-full items-center space-x-2 rounded-lg px-2 py-1 text-left transition-colors hover:bg-slate-500/10 active:bg-slate-500/20"
>
<div className="relative shrink-0">
{user.isGuest ? (
<span className="absolute right-0 top-0 h-1 w-1 rounded-full bg-indigo-500" />
) : null}
<User className="w-5 opacity-75 group-hover:text-indigo-500 group-hover:opacity-100" />
<UserCircle className="w-5 opacity-75 group-hover:text-indigo-500 group-hover:opacity-100" />
</div>
<div className="hidden max-w-[120px] truncate font-medium xs:block">
{user.shortName}
@ -195,6 +193,9 @@ const UserDropdown: React.VoidFunctionComponent<
}}
/>
) : null}
{!user.isGuest ? (
<DropdownItem href="/profile" icon={User} label="Your profile" />
) : null}
{user.isGuest ? (
<DropdownItem icon={Login} label="Login" onClick={openLoginModal} />
) : null}
@ -300,10 +301,7 @@ const StandardLayout: React.VoidFunctionComponent<{
>
<div className="flex w-full items-center space-x-3">
<div className="relative">
{user.isGuest ? (
<span className="absolute right-0 top-0 h-1 w-1 rounded-full bg-indigo-500" />
) : null}
<User className="h-5 opacity-75 group-hover:text-indigo-500 group-hover:opacity-100" />
<UserCircle className="h-5 opacity-75 group-hover:text-indigo-500 group-hover:opacity-100" />
</div>
<div className="grow overflow-hidden">
<div className="truncate font-medium leading-snug text-slate-600">