navbar cleanup and auto select last used sort type
All checks were successful
deploy / deploy (push) Successful in 49s
All checks were successful
deploy / deploy (push) Successful in 49s
This commit is contained in:
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}
|
||||||
|
Loading…
Reference in New Issue
Block a user