changes laws variable name to be more general

src/components/ListComponent.css

@@ -7,8 +7,4 @@
 
 .ListItemText {
     font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-ion-list-header {
-    /* color: "primary"; */
-}
+}

src/components/ListComponent.tsx

@@ -1,9 +1,9 @@
 import { IonContent, IonItem, IonLabel, IonListHeader } from "@ionic/react";
 import "../components/ListComponent.css";
 
-const ListComponent: React.FC<{ title?: string; laws: string[] }> = (props) => {
+const ListComponent: React.FC<{ title?: string; items: string[] }> = (props) => {
   const title = props.title;
-  const laws = props.laws;
+  const items = props.items;
   return (
     <IonContent>
       {title ? (
@@ -12,10 +12,10 @@ const ListComponent: React.FC<{ title?: string; laws: string[] }> = (props) => {
         </IonListHeader>
       ) : null}
 
-      {laws.map((lawName: string) => {
+      {items.map((itemName: string) => {
         return (
-          <IonItem routerLink={`/article/${encodeURIComponent(lawName)}`}>
-            <p className="ListItemText">{lawName}</p>
+          <IonItem routerLink={`/article/${encodeURIComponent(itemName)}`}>
+            <p className="ListItemText">{itemName}</p>
           </IonItem>
         );
       })}

src/pages/Home.tsx

@@ -31,7 +31,7 @@ const Home: React.FC = () => {
         </div>
 
         <ListComponent
-          laws={["Articulo 1", "Articulo 2"]}
+          items={["Articulo 1", "Articulo 2"]}
           title="Articulos Recientes"
         />
       </IonContent>

src/pages/LawListPage.tsx

@@ -21,7 +21,7 @@ const LawListPage: React.FC = () => {
             <IonTitle size="large">Leyes</IonTitle>
           </IonToolbar>
         </IonHeader>
-        <ListComponent laws={["Law 1", "Law 2"]} />
+        <ListComponent items={["Law 1", "Law 2"]} />
       </IonContent>
     </IonPage>
   );