update adding demo app,

03_source/mobile/src/pages/Settings/index.tsx

@@ -52,6 +52,8 @@ import {
   chevronForwardOutline,
   createOutline,
   documentTextOutline,
+  gift,
+  giftOutline,
   heart,
   languageOutline,
   listCircle,
@@ -78,9 +80,9 @@ interface DispatchProps {
   setIsLoggedIn: typeof setIsLoggedIn;
 }
 
-interface SpeakerListProps extends OwnProps, StateProps, DispatchProps {}
+interface SettingsProps extends OwnProps, StateProps, DispatchProps {}
 
-const EventList: React.FC<SpeakerListProps> = ({
+const SettingsPage: React.FC<SettingsProps> = ({
   speakers,
   speakerSessions,
   logoutUser,
@@ -113,6 +115,10 @@ const EventList: React.FC<SpeakerListProps> = ({
     router.push(paths.NOT_IMPLEMENTED);
   }
 
+  function handleDemoPageClick() {
+    router.push(paths.DEMO_PAGE);
+  }
+
   function handleServiceAgreementClick() {
     router.push(paths.SERVICE_AGREEMENT);
   }
@@ -196,6 +202,12 @@ const EventList: React.FC<SpeakerListProps> = ({
             <IonLabel>Delete Account</IonLabel>
             <IonIcon icon={chevronForwardOutline} slot="end"></IonIcon>
           </IonItem>
+
+          <IonItem button={true} onClick={handleDemoPageClick}>
+            <IonIcon color="success" slot="start" icon={gift} size="large"></IonIcon>
+            <IonLabel>Demo pages</IonLabel>
+            <IonIcon icon={chevronForwardOutline} slot="end"></IonIcon>
+          </IonItem>
         </IonList>
 
         <div style={{ margin: '3rem 0.5rem' }}>
@@ -251,7 +263,13 @@ const EventList: React.FC<SpeakerListProps> = ({
               Unable to receive notifications after logging out
             </div>
 
-            <div style={{ width: '100%', display: 'flex', justifyContent: 'space-between' }}>
+            <div
+              style={{
+                width: '100%',
+                display: 'flex',
+                justifyContent: 'space-between',
+              }}
+            >
               <IonButton size="large" fill="outline" shape="round" onClick={handleLogoutCancel}>
                 Cancel
               </IonButton>
@@ -276,5 +294,5 @@ export default connect<OwnProps, StateProps, DispatchProps>({
     setAccessToken,
     setIsLoggedIn,
   },
-  component: React.memo(EventList),
+  component: React.memo(SettingsPage),
 });