Merge pull request #189 from Lemoncode/Feature/#182-add-reservoirs-by-river-basin

Feature/#182 add reservoirs by river basin

Author: brauliodiez

front/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

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

@@ -0,0 +1,46 @@
+import { EmbalsesCuencaPod, getEmbalsesPorCuenca } from "@/pods/embalse-cuenca";
+import { cuencas } from "@/core/constants";
+import { Metadata } from "next";
+import { mapLookupListFromApiToViewModel } from "@/common/mappers";
+
+interface Props {
+  params: Promise<{ cuenca: string }>;
+}
+
+const getCuencaBySlug = (slug: string) => {
+  return Object.values(cuencas).find((cuenca) => cuenca.slug === slug);
+};
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { cuenca } = await params;
+  const datosCuenca = getCuencaBySlug(cuenca);
+
+  if (!datosCuenca) {
+    return {};
+  }
+
+  return {
+    title: `Embalses de ${datosCuenca.nombre}`,
+  };
+}
+
+export default async function EmbalseCuencaListadoPage({
+  params,
+}: Props): Promise<React.JSX.Element> {
+  const { cuenca } = await params;
+  const datosCuenca = getCuencaBySlug(cuenca);
+
+  const embalsesPorCuencaDesdeApi = await getEmbalsesPorCuenca(
+    datosCuenca.nombre,
+  );
+  const embalsesPorCuenca = mapLookupListFromApiToViewModel(
+    embalsesPorCuencaDesdeApi,
+  );
+
+  return (
+    <EmbalsesCuencaPod
+      nombreCuenca={datosCuenca.nombre}
+      embalses={embalsesPorCuenca}
+    />
+  );
+}

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

@@ -0,0 +1,14 @@
+import { mapLookupListFromApiToViewModel } from "@/common/mappers";
+import { EmbalseCuencaListPod } from "@/pods/embalse-cuenca-list";
+import { getRiverBasins } from "@/pods/embalse-cuenca-list/embalse-cuenca-list.repository";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Embalses por cuencas",
+};
+export default async function EmbalsesCuencasPage() {
+  const cuencasAPI = await getRiverBasins();
+  const cuencaList = mapLookupListFromApiToViewModel(cuencasAPI);
+
+  return <EmbalseCuencaListPod cuencaList={cuencaList} />;
+}

front/src/common/mappers/index.ts

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

front/src/common/mappers/lookup.mappers.ts

@@ -0,0 +1,12 @@
+import { LookupApi } from "@/common/models";
+import { Lookup } from "@content-island/api-client";
+
+export const mapLookupListFromApiToViewModel = (
+  lookupList: LookupApi[],
+): Lookup[] =>
+  Array.isArray(lookupList) ? lookupList.map(mapLookupFromApiToViewModel) : [];
+
+const mapLookupFromApiToViewModel = (lookup: LookupApi): Lookup => ({
+  id: lookup._id,
+  name: lookup.nombre,
+});

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

@@ -0,0 +1,14 @@
+import { LookupApi } from "./lookup.model";
+
+export interface EmbalsesCuencaListApi {
+  embalse_id: string;
+  nombre: string;
+  slug: string;
+  cuenca: LookupApi;
+}
+
+export interface EmbalsesCuencaList {
+  id: string;
+  name: string;
+  slug?: string;
+}

front/src/common/models/index.ts

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

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

@@ -2,3 +2,8 @@ export interface Lookup {
   id: string;
   name: string;
 }
+
+export interface LookupApi {
+  _id: string;
+  nombre: string;
+}

front/src/core/constants/cuencas.constants.ts

@@ -0,0 +1,36 @@
+export const cuencas = {
+  SEGURA: { nombre: "Segura", slug: "segura" },
+  MINO_SIL: { nombre: "Miño - Sil", slug: "mino-sil" },
+  EBRO: { nombre: "Ebro", slug: "ebro" },
+  GUADALQUIVIR: { nombre: "Guadalquivir", slug: "guadalquivir" },
+  JUCAR: { nombre: "Júcar", slug: "jucar" },
+  DUERO: { nombre: "Duero", slug: "duero" },
+  CANTABRICO_ORIENTAL: {
+    nombre: "Cantábrico Oriental",
+    slug: "cantabrico-oriental",
+  },
+  CUENCA_MEDITERRANEA_ANDALUZA: {
+    nombre: "Cuenca Mediterránea Andaluza",
+    slug: "cuenca-mediterranea-andaluza",
+  },
+  GUADIANA: { nombre: "Guadiana", slug: "guadiana" },
+  CANTABRICO_OCCIDENTAL: {
+    nombre: "Cantábrico Occidental",
+    slug: "cantabrico-occidental",
+  },
+  TINTO_ODIEL_Y_PIEDRAS: {
+    nombre: "Tinto, Odiel y Piedras",
+    slug: "tinto-odiel-y-piedras",
+  },
+  TAJO: { nombre: "Tajo", slug: "tajo" },
+  GALICIA_COSTA: { nombre: "Galicia Costa", slug: "galicia-costa" },
+  GUADALETE_BARBATE: { nombre: "Guadalete-Barbate", slug: "guadalete-barbate" },
+  CUENCAS_INTERNAS_DEL_PAIS_VASCO: {
+    nombre: "Cuencas Internas del País Vasco",
+    slug: "cuencas-internas-del-pais-vasco",
+  },
+  CUENCAS_INTERNAS_DE_CATALUNA: {
+    nombre: "Cuencas Internas de Cataluña",
+    slug: "cuencas-internas-de-cataluna",
+  },
+} as const;

front/src/core/constants/index.ts

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