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 { ReactNode, useState, useEffect } from 'react'
import { Link } from 'react-router-dom'
import Aside from './Aside' import Aside from './Aside'
export default function DashboardLayout({children}:{children: ReactNode}) { export default function DashboardLayout({children}:{children: ReactNode}) {
const [showAside, setShowAside] = useState(false) const [showAside, setShowAside] = useState<boolean>(false)
let [widthSize, setWidthSize] = useState('')
const AsideDisplay = () => { const AsideDisplay = () => {
setShowAside(prev => !prev) setShowAside(prev => !prev)
} }
useEffect(() => { useEffect(() => {
const screenResized = window.addEventListener('resize', ()=>{ const handleResize = () => {
setShowAside(false) return setShowAside(false)
setWidthSize(window.innerWidth) // setWidthSize(window.innerWidth)
})
return () => {
window.removeEventListener('resize', screenResized)
} }
window.addEventListener('resize', handleResize)
// return () => {
// window.removeEventListener('resize', screenResized)
// }
}, []) }, [])
return ( 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 className='w-[300px] bg-white hidden md:block border-r-2 border-[#E6E6E6]'>
<Aside /> <Aside />
</aside> </aside>
@@ -35,7 +33,7 @@ export default function DashboardLayout({children}:{children: ReactNode}) {
<Aside /> <Aside />
</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]`}> <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='h-14 w-full flex justify-end items-center gap-5'>
{/* <div className=''> {/* <div className=''>
+1 -1
View File
@@ -18,7 +18,7 @@ export default function Login() {
password: '' password: ''
}) })
const handleFormChange = ({target:{name, value}}:{target:HandleChange}):void => { const handleFormChange = ({target:{name, value}}:{target:HandleChange}):any => {
setFormDetails(prev => ({...prev, [name]:value})) setFormDetails(prev => ({...prev, [name]:value}))
} }
+1 -1
View File
@@ -7,7 +7,7 @@ type Props = {
labelName?:string, labelName?:string,
inputClass?:string, inputClass?:string,
value:string, value:string,
onChange:()=>void onChange:(event?: any)=>any
} }
export default function FloatLabelInput({ export default function FloatLabelInput({