1- import { useAuth } from " wasp/client/auth" ;
1+ import { useAuth } from ' wasp/client/auth' ;
22import { useState , ReactNode , FC } from 'react' ;
33import Header from '../components/Header' ;
44import Sidebar from '../components/Sidebar' ;
@@ -12,24 +12,22 @@ const DefaultLayout: FC<Props> = ({ children }) => {
1212 const { data : user } = useAuth ( ) ;
1313
1414 return (
15- < div className = " dark:bg-boxdark-2 dark:text-bodydark" >
15+ < div className = ' dark:bg-boxdark-2 dark:text-bodydark' >
1616 { /* <!-- ===== Page Wrapper Start ===== --> */ }
17- < div className = " flex h-screen overflow-hidden" >
17+ < div className = ' flex h-screen overflow-hidden' >
1818 { /* <!-- ===== Sidebar Start ===== --> */ }
1919 < Sidebar sidebarOpen = { sidebarOpen } setSidebarOpen = { setSidebarOpen } />
2020 { /* <!-- ===== Sidebar End ===== --> */ }
2121
2222 { /* <!-- ===== Content Area Start ===== --> */ }
23- < div className = " relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden" >
23+ < div className = ' relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden' >
2424 { /* <!-- ===== Header Start ===== --> */ }
2525 < Header sidebarOpen = { sidebarOpen } setSidebarOpen = { setSidebarOpen } user = { user } />
2626 { /* <!-- ===== Header End ===== --> */ }
2727
2828 { /* <!-- ===== Main Content Start ===== --> */ }
2929 < main >
30- < div className = "mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10" >
31- { children }
32- </ div >
30+ < div className = 'mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10' > { children } </ div >
3331 </ main >
3432 { /* <!-- ===== Main Content End ===== --> */ }
3533 </ div >
0 commit comments