[fix] Clean up code for ListComponent, add href -> ArticlePage

src/components/ListComponent.tsx

@@ -1,10 +1,4 @@
-import {
-  IonContent,
-  IonItem,
-  IonLabel,
-  IonList,
-  IonListHeader,
-} from "@ionic/react";
+import { IonContent, IonItem, IonLabel, IonListHeader } from "@ionic/react";
 import "../components/ListComponent.css";
 
 const ListComponent: React.FC<{ title?: string; laws: string[] }> = (props) => {
@@ -18,30 +12,13 @@ const ListComponent: React.FC<{ title?: string; laws: string[] }> = (props) => {
         </IonListHeader>
       ) : null}
 
-      {laws.map((LawName: string) => {
+      {laws.map((lawName: string) => {
         return (
-          <IonItem href="#">
-            <p className="ListItemText">{LawName}</p>
+          <IonItem routerLink={`/article/${encodeURIComponent(lawName)}`}>
+            <p className="ListItemText">{lawName}</p>
           </IonItem>
         );
       })}
-
-      {/*
-      <IonList className="list" lines="full">
-        <IonItem href="#">
-          <p className="ListItemText">Ley #1</p>
-        </IonItem>
-        <IonItem href="#">
-          <p className="ListItemText">Ley #1</p>
-        </IonItem>
-        <IonItem href="#">
-          <p className="ListItemText">Ley #1</p>
-        </IonItem>
-        <IonItem href="#">
-          <p className="ListItemText">Ley #1</p>
-        </IonItem>
-      </IonList>
-      */}
     </IonContent>
   );
 };