Convertir to typescript

2024-02-20 16:52:51 +00:00
parent 3b726d6892
commit 2af0b6e6b7
22 changed files with 483 additions and 395 deletions
@@ -0,0 +1,39 @@
+import { Redirect, Route } from 'react-router-dom';
+import { IonRouterOutlet, IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel } from '@ionic/react';
+import { IonReactRouter } from '@ionic/react-router';
+import { cog, flash, list } from 'ionicons/icons';
+
+import Home from './Feed';
+import Lists from './Lists';
+import ListDetail from './ListDetail';
+import Settings from './Settings';
+
+const Tabs = () => {
+  return (
+    <IonTabs>
+      <IonRouterOutlet>
+        <Route path="/tabs/feed" render={() => <Home />} exact={true} />
+        <Route path="/tabs/lists" render={() => <Lists />} exact={true} />
+        <Route path="/tabs/lists/:listId" render={() => <ListDetail />} exact={true} />
+        <Route path="/tabs/settings" render={() => <Settings />} exact={true} />
+        <Route path="/tabs" render={() => <Redirect to="/tabs/feed" />} exact={true} />
+      </IonRouterOutlet>
+      <IonTabBar slot="bottom">
+        <IonTabButton tab="tab1" href="/tabs/feed">
+          <IonIcon icon={flash} />
+          <IonLabel>Feed</IonLabel>
+        </IonTabButton>
+        <IonTabButton tab="tab2" href="/tabs/lists">
+          <IonIcon icon={list} />
+          <IonLabel>Lists</IonLabel>
+        </IonTabButton>
+        <IonTabButton tab="tab3" href="/tabs/settings">
+          <IonIcon icon={cog} />
+          <IonLabel>Settings</IonLabel>
+        </IonTabButton>
+      </IonTabBar>
+    </IonTabs>
+  );
+};
+
+export default Tabs;