Soverein/sanasto-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix menu routing

Browse Source
This commit is contained in:
Max Lynch
2021-01-25 11:18:43 -06:00
parent 045fcca6a9
commit dbf5f4ad6f
1 changed files with 23 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/pages/Tabs.jsx
+23 -25
View File
@@ -10,31 +10,29 @@ import Settings from './Settings';
const Tabs = () => { const Tabs = () => {
return ( return (
<IonReactRouter> <IonTabs>
<IonTabs> <IonRouterOutlet>
<IonRouterOutlet> <Route path="/tabs/feed" component={Home} exact={true} />
<Route path="/tabs/feed" component={Home} exact={true} /> <Route path="/tabs/lists" component={Lists} exact={true} />
<Route path="/tabs/lists" component={Lists} exact={true} /> <Route path="/tabs/lists/:listId" component={ListDetail} exact={true} />
<Route path="/tabs/lists/:listId" component={ListDetail} exact={true} /> <Route path="/tabs/settings" component={Settings} exact={true} />
<Route path="/tabs/settings" component={Settings} exact={true} /> <Route path="/tabs" render={() => <Redirect to="/tabs/feed" />} exact={true} />
<Route path="/tabs" render={() => <Redirect to="/tabs/feed" />} exact={true} /> </IonRouterOutlet>
</IonRouterOutlet> <IonTabBar slot="bottom">
<IonTabBar slot="bottom"> <IonTabButton tab="tab1" href="/tabs/feed">
<IonTabButton tab="tab1" href="/tabs/feed"> <IonIcon icon={flash} />
<IonIcon icon={flash} /> <IonLabel>Feed</IonLabel>
<IonLabel>Feed</IonLabel> </IonTabButton>
</IonTabButton> <IonTabButton tab="tab2" href="/tabs/lists">
<IonTabButton tab="tab2" href="/tabs/lists"> <IonIcon icon={list} />
<IonIcon icon={list} /> <IonLabel>Lists</IonLabel>
<IonLabel>Lists</IonLabel> </IonTabButton>
</IonTabButton> <IonTabButton tab="tab3" href="/tabs/settings">
<IonTabButton tab="tab3" href="/tabs/settings"> <IonIcon icon={cog} />
<IonIcon icon={cog} /> <IonLabel>Settings</IonLabel>
<IonLabel>Settings</IonLabel> </IonTabButton>
</IonTabButton> </IonTabBar>
</IonTabBar> </IonTabs>
</IonTabs>
</IonReactRouter>
); );
}; };