Feature/#53 Layout Reservoirs by province

front/src/app/embalse-provincia/[provincia]/page.tsx

@@ -1,14 +1,20 @@
 import Link from "next/link";
+import { PROVINCIAS } from "@/core/constants";
 
 interface Props {
   params: Promise<{ provincia: string }>;
 }
 
 export default async function EmbalseProvinciaListadoPage({ params }: Props) {
   const { provincia } = await params;
+
+  const nombreProvincia = PROVINCIAS.find(
+    (province) => province.id === provincia,
+  )?.name;
+
   return (
     <div className="flex flex-col gap-8">
-      <h2>Embalses de {provincia}</h2>
+      <h2>Embalses de {nombreProvincia}</h2>
 
       <Link href="/embalse/casasola" className="link-accessible">
         Embalse de Casasola

front/src/app/embalse-provincia/page.tsx

@@ -1,12 +1,21 @@
 import Link from "next/link";
+import { PROVINCIAS } from "@/core/constants";
 
 export default function EmbalsesProvinciaPage() {
   return (
-    <div className="flex flex-col gap-8">
-      <h2>Embalse por provincias</h2>
-      <Link href="/embalse-provincia/malaga" className="link-accessible">
-        Málaga
-      </Link>
+    <div className="bg-base-100 flex flex-col gap-8 rounded-2xl p-4">
+      <h2>Embalses por provincias</h2>
+      <div className="flex flex-col gap-4">
+        {PROVINCIAS.map(({ id, name }) => (
+          <Link
+            key={id}
+            href={`/embalse-provincia/${id}`}
+            className="link-accessible"
+          >
+            {name}
+          </Link>
+        ))}
+      </div>
     </div>
   );
 }

front/src/common/models/index.ts

@@ -0,0 +1 @@
+export * from "./lookup.model";

front/src/common/models/lookup.model.ts

@@ -0,0 +1,4 @@
+export interface Lookup {
+  id: string;
+  name: string;
+}

front/src/core/constants/index.ts

@@ -0,0 +1 @@
+export * from "./provincias.constants";

front/src/core/constants/provincias.constants.ts

@@ -0,0 +1,54 @@
+import { Lookup } from "@/common/models";
+
+export const PROVINCIAS: Lookup[] = [
+  { id: "alava", name: "Álava" },
+  { id: "albacete", name: "Albacete" },
+  { id: "alicante", name: "Alicante" },
+  { id: "almeria", name: "Almería" },
+  { id: "asturias", name: "Asturias" },
+  { id: "avila", name: "Ávila" },
+  { id: "badajoz", name: "Badajoz" },
+  { id: "baleares", name: "Baleares" },
+  { id: "barcelona", name: "Barcelona" },
+  { id: "burgos", name: "Burgos" },
+  { id: "caceres", name: "Cáceres" },
+  { id: "cadiz", name: "Cádiz" },
+  { id: "cantabria", name: "Cantabria" },
+  { id: "castellon", name: "Castellón" },
+  { id: "ciudad-real", name: "Ciudad Real" },
+  { id: "cordoba", name: "Córdoba" },
+  { id: "la-coruna", name: "La Coruña" },
+  { id: "cuenca", name: "Cuenca" },
+  { id: "girona", name: "Girona" },
+  { id: "granada", name: "Granada" },
+  { id: "guadalajara", name: "Guadalajara" },
+  { id: "guipuzcoa", name: "Guipúzcoa" },
+  { id: "huelva", name: "Huelva" },
+  { id: "huesca", name: "Huesca" },
+  { id: "jaen", name: "Jaén" },
+  { id: "la-rioja", name: "La Rioja" },
+  { id: "las-palmas", name: "Las Palmas" },
+  { id: "leon", name: "León" },
+  { id: "lleida", name: "Lleida" },
+  { id: "lugo", name: "Lugo" },
+  { id: "madrid", name: "Madrid" },
+  { id: "malaga", name: "Málaga" },
+  { id: "murcia", name: "Murcia" },
+  { id: "navarra", name: "Navarra" },
+  { id: "ourense", name: "Ourense" },
+  { id: "palencia", name: "Palencia" },
+  { id: "pontevedra", name: "Pontevedra" },
+  { id: "salamanca", name: "Salamanca" },
+  { id: "santa-cruz-de-tenerife", name: "Santa Cruz de Tenerife" },
+  { id: "segovia", name: "Segovia" },
+  { id: "sevilla", name: "Sevilla" },
+  { id: "soria", name: "Soria" },
+  { id: "tarragona", name: "Tarragona" },
+  { id: "teruel", name: "Teruel" },
+  { id: "toledo", name: "Toledo" },
+  { id: "valencia", name: "Valencia" },
+  { id: "valladolid", name: "Valladolid" },
+  { id: "vizcaya", name: "Vizcaya" },
+  { id: "zamora", name: "Zamora" },
+  { id: "zaragoza", name: "Zaragoza" },
+];

front/tsconfig.json

@@ -21,7 +21,11 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": [
     "next-env.d.ts",