Merge

src/App.tsx

@@ -67,26 +67,28 @@ const App: React.FC = () => (
           <Route path="/laws">
             <LawListPage />
           </Route>
+
           <Route path="/article/:articleId" component={ArticlePage} />
-          </Route>
-            <LazosPage />
+
           <Route path="/services/lazos">
+            <LazosPage />
           </Route>
 
-            <CrecemosPage />
           <Route path="/services/crecemos">
-
+            <CrecemosPage />
           </Route>
+
+          <Route path="/services/supervisadas">
             <SupervisadasPage />
           </Route>
 
-          <Route path="/services/supervisadas">
-            <CasitaPage />
-          <Route path="/services/casita">
+          <Route path="/about">
+            <AboutListPage />
+          </Route>
 
+          <Route path="/services/casita">
+            <CasitaPage />
           </Route>
-            <AboutListPage />
-          <Route path="/about">
 
           <Route exact path="/">
             <Redirect to="/home" />

src/components/DropdownComponent.css

@@ -1,3 +0,0 @@
-.accordion-list-container {
-    width: 100%;
-}

src/components/DropdownComponent.tsx

@@ -1,34 +0,0 @@
-import {
-  IonAccordion,
-  IonAccordionGroup,
-  IonItem,
-  IonLabel,
-} from "@ionic/react";
-import ListComponent from "../components/ListComponent";
-import { Category } from "../types";
-import "./DropdownComponent.css";
-
-const DropdownComponent: React.FC<{
-  category: Category[];
-}> = (props) => {
-  const category = props.category;
-  return (
-    <IonAccordionGroup>
-      {category.map((catItem: Category, index) => {
-        return (
-          <IonAccordion value={`${index}`}>
-            <IonItem slot="header" color="light">
-              <IonLabel>{catItem.name}</IonLabel>
-            </IonItem>
-            <IonItem slot="content">
-              <div className="accordion-list-container">
-                <ListComponent items={catItem.listItems} />
-              </div>
-            </IonItem>
-          </IonAccordion>
-        );
-      })}
-    </IonAccordionGroup>
-  );
-};
-export default DropdownComponent;

src/pages/AboutListPage.tsx

@@ -7,7 +7,6 @@ import {
   IonTitle,
   IonToolbar,
 } from "@ionic/react";
-import ListComponent from "../components/ListComponent";
 
 const AboutListPage: React.FC = () => {
   return (