www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

Factor out burger

This commit is contained in:
William Tran 2021-08-26 19:52:21 -04:00
parent e1892c00b1
commit ef0929fe99
1 changed files with 41 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
components/OrganizedContent.tsx
View File

@ -103,41 +103,7 @@ export function OrganizedContent({
onClick={() => setMobileNavOpen(!mobileNavOpen)} onClick={() => setMobileNavOpen(!mobileNavOpen)}
> >
{/* this is copied from hamburger.svg with changed colors */} {/* this is copied from hamburger.svg with changed colors */}
<svg <Burger/>
width="30"
height="23"
viewBox="0 0 30 23"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<line
x1="28"
y1="2"
x2="2"
y2="2"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
<line
x1="28"
y1="11.375"
x2="2"
y2="11.375"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
<line
x1="28"
y1="20.75"
x2="2"
y2="20.75"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</button> </button>
</div> </div>
); );
@ -370,3 +336,43 @@ function useBurger(componentIsVisible: boolean): boolean {
return burgerVisible; return burgerVisible;
} }
function Burger() {
return (
<svg
width="30"
height="23"
viewBox="0 0 30 23"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<line
x1="28"
y1="2"
x2="2"
y2="2"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
<line
x1="28"
y1="11.375"
x2="2"
y2="11.375"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
<line
x1="28"
y1="20.75"
x2="2"
y2="20.75"
strokeWidth="4"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}