diff --git a/frontend/package.json b/frontend/package.json index cfe9f6db..cd2955d7 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -13,7 +13,7 @@ "postinstall": "cd .. && husky frontend/.husky" }, "dependencies": { - "@headlessui/react": "^1.7.18", + "@headlessui/react": "^2.0.4", "clsx": "^2.1.0", "next": "14.1.3", "react": "^18", diff --git a/frontend/src/app/(app)/layout.tsx b/frontend/src/app/(app)/layout.tsx index bf34de32..ca223a6b 100644 --- a/frontend/src/app/(app)/layout.tsx +++ b/frontend/src/app/(app)/layout.tsx @@ -22,7 +22,7 @@ export default function RootLayout({
-
+
{children}
diff --git a/frontend/src/components/modules/Sidebar/Sidebar.tsx b/frontend/src/components/modules/Sidebar/Sidebar.tsx index 9ac46268..d5c4f517 100644 --- a/frontend/src/components/modules/Sidebar/Sidebar.tsx +++ b/frontend/src/components/modules/Sidebar/Sidebar.tsx @@ -1,18 +1,35 @@ +'use client'; import Image from 'next/image'; import Link from 'next/link'; import { generateClassNames } from '@app/utils'; import { navigation } from './utils'; +import { ChevronDoubleLeft } from '@app/static/icons/ChevronDoubleLeft'; +import { Button } from '@headlessui/react'; +import { useState } from 'react'; + +const duration = 'duration-300' as const; export const Sidebar = () => { + const [open, setOpen] = useState(true); + + const toggleSidebar = () => setOpen((prev) => !prev); + return ( -