diff --git a/components/common/PageLayout/index.tsx b/components/common/PageLayout/index.tsx index 028461e9e8..2adcfb3d86 100644 --- a/components/common/PageLayout/index.tsx +++ b/components/common/PageLayout/index.tsx @@ -1,11 +1,15 @@ -import { type ReactElement, type SyntheticEvent, useState } from 'react' -import Sidebar from '../Sidebar' -import css from './styles.module.css' +import { useState, type ReactElement, type MouseEvent } from 'react' +import { Button } from '@mui/material' + +import Sidebar from '@/components/common/Sidebar' +import useOnboard from '@/services/useOnboard' +import css from '@/components/common/PageLayout/styles.module.css' const PageLayout = ({ children }: { children: ReactElement }): ReactElement => { + const onboard = useOnboard() const [sidebarExpanded, setSidebarExpanded] = useState(false) - const onSidebarToggle = (e: SyntheticEvent) => { + const onSidebarToggle = (e: MouseEvent) => { e.stopPropagation() setSidebarExpanded((prev: boolean) => !prev) } @@ -14,6 +18,9 @@ const PageLayout = ({ children }: { children: ReactElement }): ReactElement => {
setSidebarExpanded(false)}>
Safe +