[mant] Clean up sprint code

src/App.tsx

@@ -11,9 +11,7 @@ import {
 } from "@ionic/react";
 import { IonReactRouter } from "@ionic/react-router";
 import { ellipse, square, triangle } from "ionicons/icons";
-import Tab1 from "./pages/Tab1";
-import Tab2 from "./pages/home";
-import Tab3 from "./pages/Tab3";
+import Home from "./pages/Home";
 
 /* Core CSS required for Ionic components to work properly */
 import "@ionic/react/css/core.css";
@@ -41,17 +39,11 @@ const App: React.FC = () => (
     <IonReactRouter>
       <IonTabs>
         <IonRouterOutlet>
-          <Route exact path="/tab1">
-            <Tab1 />
-          </Route>
-          <Route exact path="/tab2">
-            <Tab2 />
-          </Route>
-          <Route path="/tab3">
-            <Tab3 />
+          <Route exact path="/home">
+            <Home />
           </Route>
           <Route exact path="/">
-            <Redirect to="/tab1" />
+            <Redirect to="/home" />
           </Route>
         </IonRouterOutlet>
         <IonTabBar slot="bottom">

src/pages/home.tsx → src/pages/Home.tsx

@@ -5,12 +5,10 @@ import {
   IonTitle,
   IonToolbar,
 } from "@ionic/react";
-import ExploreContainer from "../components/ExploreContainer";
-import "./home.css";
 import "../components/ListComponent";
 import ListComponent from "../components/ListComponent";
 
-const Tab2: React.FC = () => {
+const Home: React.FC = () => {
   return (
     <IonPage>
       <IonHeader>
@@ -32,10 +30,13 @@ const Tab2: React.FC = () => {
           </p>
         </div>
 
-        <ListComponent laws={["eliam", "Sergio"]} title="Articulos Recientes" />
+        <ListComponent
+          laws={["Articulo 1", "Articulo 2"]}
+          title="Articulos Recientes"
+        />
       </IonContent>
     </IonPage>
   );
 };
 
-export default Tab2;
+export default Home;

src/pages/Tab1.tsx

@@ -1,26 +0,0 @@
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
-import './Tab1.css';
-import '../components/ListComponent'
-import ListComponent from '../components/ListComponent';
-
-const Tab1: React.FC = () => {
-  return (
-    <IonPage>
-      <IonHeader>
-        <IonToolbar>
-          <IonTitle>List component test!</IonTitle>
-        </IonToolbar>
-      </IonHeader>
-      <IonContent fullscreen>
-        <IonHeader collapse="condense">
-          <IonToolbar>
-            <IonTitle size="large">This is a list</IonTitle>
-          </IonToolbar>
-        </IonHeader>
-       <ListComponent laws={[]}/>
-      </IonContent>
-    </IonPage>
-  );
-};
-
-export default Tab1;

src/pages/Tab3.tsx

@@ -1,25 +0,0 @@
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
-import ExploreContainer from '../components/ExploreContainer';
-import './Tab3.css';
-
-const Tab3: React.FC = () => {
-  return (
-    <IonPage>
-      <IonHeader>
-        <IonToolbar>
-          <IonTitle>Tab 3</IonTitle>
-        </IonToolbar>
-      </IonHeader>
-      <IonContent fullscreen>
-        <IonHeader collapse="condense">
-          <IonToolbar>
-            <IonTitle size="large">Tab 3</IonTitle>
-          </IonToolbar>
-        </IonHeader>
-        <ExploreContainer name="Tab 3 page" />
-      </IonContent>
-    </IonPage>
-  );
-};
-
-export default Tab3;