35 lines
833 B
TypeScript
35 lines
833 B
TypeScript
import React from 'react';
|
|
|
|
import { useAppDispatch, useAppSelector } from '@app/hooks/redux';
|
|
import { Drawer } from '@components/generic/Drawer';
|
|
import { closeMobileNav } from '@core/slices/appSlice';
|
|
|
|
import { Logo } from './Logo';
|
|
import { Navigation } from './Navigation';
|
|
|
|
export const MobileNav = (): JSX.Element => {
|
|
const dispatch = useAppDispatch();
|
|
|
|
const mobileNavOpen = useAppSelector((state) => state.app.mobileNavOpen);
|
|
|
|
return (
|
|
<Drawer
|
|
open={mobileNavOpen}
|
|
onClose={(): void => {
|
|
dispatch(closeMobileNav());
|
|
}}
|
|
>
|
|
<div className="flex flex-col">
|
|
<div className="m-auto my-6">
|
|
<Logo />
|
|
</div>
|
|
<Navigation
|
|
onClick={(): void => {
|
|
dispatch(closeMobileNav());
|
|
}}
|
|
/>
|
|
</div>
|
|
</Drawer>
|
|
);
|
|
};
|