|
|
|
@@ -1,32 +1,30 @@
|
|
|
|
|
import { ReactNode, useState, useEffect } from 'react'
|
|
|
|
|
import { Link } from 'react-router-dom'
|
|
|
|
|
|
|
|
|
|
import Aside from './Aside'
|
|
|
|
|
|
|
|
|
|
export default function DashboardLayout({children}:{children: ReactNode}) {
|
|
|
|
|
|
|
|
|
|
const [showAside, setShowAside] = useState(false)
|
|
|
|
|
|
|
|
|
|
let [widthSize, setWidthSize] = useState('')
|
|
|
|
|
|
|
|
|
|
const [showAside, setShowAside] = useState<boolean>(false)
|
|
|
|
|
|
|
|
|
|
const AsideDisplay = () => {
|
|
|
|
|
setShowAside(prev => !prev)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
const screenResized = window.addEventListener('resize', ()=>{
|
|
|
|
|
setShowAside(false)
|
|
|
|
|
setWidthSize(window.innerWidth)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
return () => {
|
|
|
|
|
window.removeEventListener('resize', screenResized)
|
|
|
|
|
const handleResize = () => {
|
|
|
|
|
return setShowAside(false)
|
|
|
|
|
// setWidthSize(window.innerWidth)
|
|
|
|
|
}
|
|
|
|
|
window.addEventListener('resize', handleResize)
|
|
|
|
|
|
|
|
|
|
// return () => {
|
|
|
|
|
// window.removeEventListener('resize', screenResized)
|
|
|
|
|
// }
|
|
|
|
|
}, [])
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#F9F9F9] text-black'>
|
|
|
|
|
<div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#020202] text-black'>
|
|
|
|
|
<aside className='w-[300px] bg-white hidden md:block border-r-2 border-[#E6E6E6]'>
|
|
|
|
|
<Aside />
|
|
|
|
|
</aside>
|
|
|
|
@@ -35,7 +33,7 @@ export default function DashboardLayout({children}:{children: ReactNode}) {
|
|
|
|
|
<Aside />
|
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
<main className={`dash-bg-image relative w-full overflow-y-auto overflow-x-hidden`}>
|
|
|
|
|
<main className={`dash-bg-image bg-[#F9F9F9] relative w-full overflow-y-auto overflow-x-hidden`}>
|
|
|
|
|
<header className={`p-5 sticky z-10 top-0 w-full bg-[#F9F9F9] border-b-2 border-[#E6E6E6] bg-[url('../../../src/assets/images/dashboard/Ellipse1.png')] bg-no-repeat bg-[top_right]`}>
|
|
|
|
|
<div className='h-14 w-full flex justify-end items-center gap-5'>
|
|
|
|
|
{/* <div className=''>
|
|
|
|
|