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

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

+ 1
- 1
src/App.tsx View File

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";
14
 import Tab1 from "./pages/Tab1";
15
-import Tab2 from "./pages/Tab2";
15
+import Tab2 from "./pages/home";
16
 import Tab3 from "./pages/Tab3";
16
 import Tab3 from "./pages/Tab3";
17
 
17
 
18
 /* Core CSS required for Ionic components to work properly */
18
 /* Core CSS required for Ionic components to work properly */

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

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

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


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

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;