undefined
53 lines
1.3 KiB
React
53 lines
1.3 KiB
React
import React from "react";
|
|
import { GlobalContext } from "@/globalContext";
|
|
const TopHeader = () => {
|
|
const { state, dispatch } = React.useContext(GlobalContext);
|
|
let { isOpen } = state;
|
|
let toggleOpen = (open) =>
|
|
dispatch({
|
|
type: "OPEN_SIDEBAR",
|
|
payload: { isOpen: open },
|
|
});
|
|
return (
|
|
<div className="page-header block lg:hidden shadow">
|
|
<span onClick={() => toggleOpen(!isOpen)}>
|
|
{!isOpen ? (
|
|
<svg
|
|
className="block h-6 w-6"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
aria-hidden="true"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
d="M4 6h16M4 12h16M4 18h16"
|
|
/>
|
|
</svg>
|
|
) : (
|
|
<svg
|
|
className="block h-6 w-6"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
aria-hidden="true"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
strokeWidth="2"
|
|
d="M6 18L18 6M6 6l12 12"
|
|
/>
|
|
</svg>
|
|
)}
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default TopHeader;
|