pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat(blog): close #45

Browse source
This commit is contained in:
Kim, Jimin 2023-06-26 22:45:04 +09:00
parent 76d4c680d2
commit cda0e813ec
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/blog/src/components/Sidebar/Sidebar.tsx
View file

@ -99,7 +99,7 @@ const Sidebar = () => {
{/* sidebar items */}
{NavbarData.map((item, index) => {
return <SubMenu item={item} key={index} />
return <SubMenu onClick={toggleSidebar} item={item} key={index} />
})}
</SidebarWrap>
</SidebarNav>

4
apps/blog/src/components/Sidebar/SubMenu.tsx
View file

@ -45,12 +45,14 @@ const SidebarLabel = styled.span`
interface Props {
item: Item
onClick: () => void
}
const SubMenu = ({ item }: Props) => {
const SubMenu = ({ item, onClick }: Props) => {
const { path, icon, title } = item
const [isSubNavOpen, setSubNavOpen] = useState(false)
const handleSidebarLinkClick = useCallback(() => {
onClick()
setSubNavOpen((prev) => !prev)
}, [isSubNavOpen])