Changed/added donate page

src/components/layout.js

@@ -6,7 +6,7 @@ import constants from '../constants.json'
 
 // FIXME: window resize event listener to show sidebar on resize
 
-export default function Layout (props) {
+export default function Layout(props) {
   let href = props.route
   const [sidebarOpen, setSidebarOpen] = useState(true)
 
@@ -28,40 +28,40 @@ export default function Layout (props) {
 
   return (
     <div>
-      <div className='sidebar'>
-        <div className='headercontainer'>
-          <span onClick={() => { setSidebarOpen(!sidebarOpen) }} className='menuicon'>
+      <div className="sidebar">
+        <div className="headercontainer">
+          <span
+            onClick={() => {
+              setSidebarOpen(!sidebarOpen)
+            }}
+            className="menuicon"
+          >
             <div />
             <div />
             <div />
           </span>
-          <div className='sidebarheader' >
-            Frylabs
-          </div>
+          <div className="sidebarheader">Frylabs</div>
         </div>
-        {sidebarOpen
-          ? <div id='sideBarLinks'>
+        {sidebarOpen ? (
+          <div id="sideBarLinks">
             {Object.keys(tabs).map((key) => {
               const item = tabs[key]
               return (
-                <Link href={item.href} key={key} >
+                <Link href={item.href} key={key}>
                   <a
                     onClick={closeSideBar}
                     className={href.includes(key) ? 'active' : undefined}
                     id={item.id || undefined}
-                  >{item.text}</a>
+                  >
+                    {item.text}
+                  </a>
                 </Link>
               )
             })}
-            <a href='/donate'>
-              Donate
-            </a>
           </div>
-          : null}
-      </div>
-      <div className='content'>
-        {props.children}
+        ) : null}
       </div>
+      <div className="content">{props.children}</div>
     </div>
   )
 }