Browse Source

[mant] Clean up sprint code

Sergio Mattei 2 years ago
parent
commit
a2a6791cad
7 changed files with 10 additions and 68 deletions
  1. 4
    12
      src/App.tsx
  2. 6
    5
      src/pages/Home.tsx
  3. 0
    0
      src/pages/Tab1.css
  4. 0
    26
      src/pages/Tab1.tsx
  5. 0
    0
      src/pages/Tab3.css
  6. 0
    25
      src/pages/Tab3.tsx
  7. 0
    0
      src/pages/home.css

+ 4
- 12
src/App.tsx View File

11
 } from "@ionic/react";
11
 } from "@ionic/react";
12
 import { IonReactRouter } from "@ionic/react-router";
12
 import { IonReactRouter } from "@ionic/react-router";
13
 import { ellipse, square, triangle } from "ionicons/icons";
13
 import { ellipse, square, triangle } from "ionicons/icons";
14
-import Tab1 from "./pages/Tab1";
15
-import Tab2 from "./pages/home";
16
-import Tab3 from "./pages/Tab3";
14
+import Home from "./pages/Home";
17
 
15
 
18
 /* Core CSS required for Ionic components to work properly */
16
 /* Core CSS required for Ionic components to work properly */
19
 import "@ionic/react/css/core.css";
17
 import "@ionic/react/css/core.css";
41
     <IonReactRouter>
39
     <IonReactRouter>
42
       <IonTabs>
40
       <IonTabs>
43
         <IonRouterOutlet>
41
         <IonRouterOutlet>
44
-          <Route exact path="/tab1">
45
-            <Tab1 />
46
-          </Route>
47
-          <Route exact path="/tab2">
48
-            <Tab2 />
49
-          </Route>
50
-          <Route path="/tab3">
51
-            <Tab3 />
42
+          <Route exact path="/home">
43
+            <Home />
52
           </Route>
44
           </Route>
53
           <Route exact path="/">
45
           <Route exact path="/">
54
-            <Redirect to="/tab1" />
46
+            <Redirect to="/home" />
55
           </Route>
47
           </Route>
56
         </IonRouterOutlet>
48
         </IonRouterOutlet>
57
         <IonTabBar slot="bottom">
49
         <IonTabBar slot="bottom">

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

5
   IonTitle,
5
   IonTitle,
6
   IonToolbar,
6
   IonToolbar,
7
 } from "@ionic/react";
7
 } from "@ionic/react";
8
-import ExploreContainer from "../components/ExploreContainer";
9
-import "./home.css";
10
 import "../components/ListComponent";
8
 import "../components/ListComponent";
11
 import ListComponent from "../components/ListComponent";
9
 import ListComponent from "../components/ListComponent";
12
 
10
 
13
-const Tab2: React.FC = () => {
11
+const Home: React.FC = () => {
14
   return (
12
   return (
15
     <IonPage>
13
     <IonPage>
16
       <IonHeader>
14
       <IonHeader>
32
           </p>
30
           </p>
33
         </div>
31
         </div>
34
 
32
 
35
-        <ListComponent laws={["eliam", "Sergio"]} title="Articulos Recientes" />
33
+        <ListComponent
34
+          laws={["Articulo 1", "Articulo 2"]}
35
+          title="Articulos Recientes"
36
+        />
36
       </IonContent>
37
       </IonContent>
37
     </IonPage>
38
     </IonPage>
38
   );
39
   );
39
 };
40
 };
40
 
41
 
41
-export default Tab2;
42
+export default Home;

+ 0
- 0
src/pages/Tab1.css View File


+ 0
- 26
src/pages/Tab1.tsx View File

1
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
2
-import './Tab1.css';
3
-import '../components/ListComponent'
4
-import ListComponent from '../components/ListComponent';
5
-
6
-const Tab1: React.FC = () => {
7
-  return (
8
-    <IonPage>
9
-      <IonHeader>
10
-        <IonToolbar>
11
-          <IonTitle>List component test!</IonTitle>
12
-        </IonToolbar>
13
-      </IonHeader>
14
-      <IonContent fullscreen>
15
-        <IonHeader collapse="condense">
16
-          <IonToolbar>
17
-            <IonTitle size="large">This is a list</IonTitle>
18
-          </IonToolbar>
19
-        </IonHeader>
20
-       <ListComponent laws={[]}/>
21
-      </IonContent>
22
-    </IonPage>
23
-  );
24
-};
25
-
26
-export default Tab1;

+ 0
- 0
src/pages/Tab3.css View File


+ 0
- 25
src/pages/Tab3.tsx View File

1
-import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
2
-import ExploreContainer from '../components/ExploreContainer';
3
-import './Tab3.css';
4
-
5
-const Tab3: React.FC = () => {
6
-  return (
7
-    <IonPage>
8
-      <IonHeader>
9
-        <IonToolbar>
10
-          <IonTitle>Tab 3</IonTitle>
11
-        </IonToolbar>
12
-      </IonHeader>
13
-      <IonContent fullscreen>
14
-        <IonHeader collapse="condense">
15
-          <IonToolbar>
16
-            <IonTitle size="large">Tab 3</IonTitle>
17
-          </IonToolbar>
18
-        </IonHeader>
19
-        <ExploreContainer name="Tab 3 page" />
20
-      </IonContent>
21
-    </IonPage>
22
-  );
23
-};
24
-
25
-export default Tab3;

+ 0
- 0
src/pages/home.css View File