Fascinated/scoresaber-reloaded-v2
1
2
Fork 0
Code Issues 1 Pull Requests 10 Actions Activity

navbar cleanup and auto select last used sort type
All checks were successful
deploy / deploy (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Lee 2023-10-24 07:33:07 +01:00
parent b9c38846f4
commit f2f332582b
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Navbar.tsx
View File

@ -43,20 +43,23 @@ function NavbarButton({ text, icon, href, children }: ButtonProps) {
export default function Navbar() {
const settingsStore = useStore(useSettingsStore, (state) => state);
const player = settingsStore?.player;
const lastUsedSortType = settingsStore?.lastUsedSortType.value;
return (
<>
<div className="flex h-fit w-full rounded-md bg-gray-800">
{settingsStore !== undefined && settingsStore.player && (
{settingsStore !== undefined && player && (
<NavbarButton
text="You"
icon={
<Avatar
url={settingsStore.player.profilePicture}
url={player.profilePicture}
label="Your avatar"
size={32}
/>
}
href={`/player/${settingsStore.player.id}/scoresaber/top/1`}
href={`/player/${player?.id}/scoresaber/${lastUsedSortType}/1`}
/>
)}
@ -70,7 +73,7 @@ export default function Navbar() {
key={friend.id}
className="mt-2 bg-gray-500"
text={friend.name}
url={`/player/${friend.id}/scoresaber/top/1`}
url={`/player/${friend.id}/scoresaber/${lastUsedSortType}/1`}
icon={
<Avatar
url={friend.profilePicture}