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

This commit is contained in:
Lee 2023-10-24 07:33:07 +01:00
parent b9c38846f4
commit f2f332582b

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