Browse Source

general data commit

eliam.ruiz 2 years ago
parent
commit
591d3b3f76
5 changed files with 12 additions and 30 deletions
  1. 6
    0
      package-lock 2.json
  2. 1
    1
      src/App.tsx
  3. 5
    4
      src/pages/Tab1.tsx
  4. 0
    0
      src/pages/Tab2.css
  5. 0
    25
      src/pages/Tab2.tsx

+ 6
- 0
package-lock 2.json View File

@@ -0,0 +1,6 @@
1
+{
2
+  "name": "RenacerSocial",
3
+  "lockfileVersion": 2,
4
+  "requires": true,
5
+  "packages": {}
6
+}

+ 1
- 1
src/App.tsx View File

@@ -12,7 +12,7 @@ import {
12 12
 import { IonReactRouter } from "@ionic/react-router";
13 13
 import { ellipse, square, triangle } from "ionicons/icons";
14 14
 import Tab1 from "./pages/Tab1";
15
-import Tab2 from "./pages/Tab2";
15
+import Tab2 from "./pages/home";
16 16
 import Tab3 from "./pages/Tab3";
17 17
 
18 18
 /* Core CSS required for Ionic components to work properly */

+ 5
- 4
src/pages/Tab1.tsx View File

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

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


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

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