Move "Log out" button into the nav menu

When actually using mobile, I was like "oh, it's maybe not great that the menu button is tiny and the Log out button is huge". Awkward click targets!
This commit is contained in:
Emi Matchu 2021-01-18 13:51:52 -08:00
parent 6e33132881
commit 9e5dfd1c84

View file

@ -129,7 +129,7 @@ function UserNavBarSection() {
<NavLinksList> <NavLinksList>
{id && ( {id && (
<NavLinkItem as={Link} to={`/user/${id}/items`}> <NavLinkItem as={Link} to={`/user/${id}/items`}>
Items Lists
</NavLinkItem> </NavLinkItem>
)} )}
<NavLinkItem as={Link} to={`/your-outfits`}> <NavLinkItem as={Link} to={`/your-outfits`}>
@ -138,10 +138,12 @@ function UserNavBarSection() {
<NavLinkItem as={Link} to="/modeling"> <NavLinkItem as={Link} to="/modeling">
Modeling Modeling
</NavLinkItem> </NavLinkItem>
</NavLinksList> <NavLinkItem
<NavButton onClick={() => logout({ returnTo: window.location.origin })}> onClick={() => logout({ returnTo: window.location.origin })}
>
Log out Log out
</NavButton> </NavLinkItem>
</NavLinksList>
</HStack> </HStack>
); );
} else { } else {