Compare commits

...

2 Commits

Author SHA1 Message Date
victorAnumudu 435bc08f2f removed unused variables 2024-03-16 14:01:02 +01:00
ameye 197d5f32ed Merge branch 'dashboard-component' of DigiFi/digifi-www into master 2024-03-16 10:09:36 +00:00
3 changed files with 14 additions and 16 deletions
@@ -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=''>
+1 -1
View File
@@ -18,7 +18,7 @@ export default function Login() {
password: ''
})
const handleFormChange = ({target:{name, value}}:{target:HandleChange}):void => {
const handleFormChange = ({target:{name, value}}:{target:HandleChange}):any => {
setFormDetails(prev => ({...prev, [name]:value}))
}
+1 -1
View File
@@ -7,7 +7,7 @@ type Props = {
labelName?:string,
inputClass?:string,
value:string,
onChange:()=>void
onChange:(event?: any)=>any
}
export default function FloatLabelInput({