Toogether/Webapp
2
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

feat: update Sidebar component to handle mobile state; modify SidebarItem to close on mobile navigation

Browse Source
This commit is contained in:
Rémi 2025-01-07 19:11:32 +01:00
parent a23b58e05c
commit 4606be56a0
3 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.example
View File

@ -10,4 +10,4 @@ OAUTH_AUTHORIZATION_URL=
OAUTH_TOKEN_URL= OAUTH_TOKEN_URL=
OAUTH_USERINFO_URL= OAUTH_USERINFO_URL=
OAUTH_JWKS_ENDPOINT= OAUTH_JWKS_ENDPOINT=
OAUTH_SCOPES="openid email profile offline_access" OAUTH_SCOPES="openid email profile"

1
src/app/components/Sidebar/index.tsx
View File

@ -107,6 +107,7 @@ export const Sidebar = ({
icon={item.icon} icon={item.icon}
setOpen={setSidebarIsOpen} setOpen={setSidebarIsOpen}
showTitle={sidebarIsOpen} showTitle={sidebarIsOpen}
isMobile={isMobile}
/> />
</li> </li>
))} ))}

4
src/app/components/Sidebar/item.tsx
View File

@ -8,6 +8,7 @@ export type SidebarItemProps = {
href: string; href: string;
setOpen: (open: boolean) => void; setOpen: (open: boolean) => void;
showTitle: boolean; showTitle: boolean;
isMobile: boolean;
}; };
export const SidebarItem = ({ export const SidebarItem = ({
@ -16,6 +17,7 @@ export const SidebarItem = ({
href, href,
setOpen, setOpen,
showTitle = true, showTitle = true,
isMobile
}: SidebarItemProps) => { }: SidebarItemProps) => {
const router = useRouter(); const router = useRouter();
@ -23,7 +25,7 @@ export const SidebarItem = ({
<Link <Link
onPress={() => { onPress={() => {
router.push(href); router.push(href);
setOpen(false); if (isMobile) setOpen(false);
}} }}
color="foreground" color="foreground"
className="w-full p-2 gap-3 text-md" className="w-full p-2 gap-3 text-md"