From f32c8bb53735ba6abddae6987a9e4418b8a77e34 Mon Sep 17 00:00:00 2001
From: Max Lynch <max@ionic.io>
Date: Tue, 19 Jan 2021 23:04:36 -0600
Subject: [PATCH] Menu

---
 components/AppShell.jsx   | 20 ++++++++++++++++++--
 components/pages/Feed.jsx |  4 ++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/components/AppShell.jsx b/components/AppShell.jsx
index 8017833..4442e53 100644
--- a/components/AppShell.jsx
+++ b/components/AppShell.jsx
@@ -1,4 +1,12 @@
-import { IonApp, IonRouterOutlet } from '@ionic/react';
+import {
+  IonApp,
+  IonContent,
+  IonHeader,
+  IonMenu,
+  IonRouterOutlet,
+  IonTitle,
+  IonToolbar,
+} from '@ionic/react';
 import { IonReactRouter } from '@ionic/react-router';
 import { Redirect, Route } from 'react-router-dom';
 
@@ -8,7 +16,15 @@ const AppShell = ({ page, pageProps }) => {
   return (
     <IonApp>
       <IonReactRouter>
-        <IonRouterOutlet>
+        <IonMenu side="start" contentId="main">
+          <IonHeader>
+            <IonToolbar>
+              <IonTitle>Menu</IonTitle>
+            </IonToolbar>
+          </IonHeader>
+          <IonContent></IonContent>
+        </IonMenu>
+        <IonRouterOutlet id="main">
           <Route path="/tabs" render={() => <Tabs />} />
           <Route exact path="/" render={() => <Redirect to="/tabs" />} />
         </IonRouterOutlet>
diff --git a/components/pages/Feed.jsx b/components/pages/Feed.jsx
index 50f15b1..db020d8 100644
--- a/components/pages/Feed.jsx
+++ b/components/pages/Feed.jsx
@@ -9,6 +9,7 @@ import {
   IonButton,
   IonIcon,
   IonContent,
+  IonMenuButton,
 } from '@ionic/react';
 import Notifications from './Notifications';
 import { useState } from 'react';
@@ -42,6 +43,9 @@ const Feed = () => {
       <IonHeader>
         <IonToolbar>
           <IonTitle>Feed</IonTitle>
+          <IonButtons slot="start">
+            <IonMenuButton />
+          </IonButtons>
           <IonButtons slot="end">
             <IonButton onClick={() => setShowNotifications(true)}>
               <IonIcon icon={notificationsOutline} />