18 lines
585 B
TypeScript
18 lines
585 B
TypeScript
'use client';
|
|
import { IRootState } from '@/store';
|
|
import { toggleSidebar } from '@/store/themeConfigSlice';
|
|
import { useDispatch, useSelector } from 'react-redux';
|
|
|
|
const Overlay = () => {
|
|
const themeConfig = useSelector((state: IRootState) => state.themeConfig);
|
|
const dispatch = useDispatch();
|
|
return (
|
|
<>
|
|
{/* sidebar menu overlay */}
|
|
<div className={`${(!themeConfig.sidebar && 'hidden') || ''} fixed inset-0 z-50 bg-[black]/60 lg:hidden`} onClick={() => dispatch(toggleSidebar())}></div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Overlay;
|