Merge pull request #164 from Lemoncode/feature/allow-only-description

only description

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/pods/embalse/components/reservoir-card-info.component.tsx

@@ -16,29 +16,33 @@ export const ReservoirCardInfo: React.FC<Props> = (props) => {
     >
       <h2 id="discover-title">Descubre el embalse {reservoirInfo?.name}</h2>
       <p>{reservoirInfo?.description}</p>
-      <img
-        className="mt-4 w-full rounded-xl md:aspect-434/171"
-        src={reservoirInfo?.mainPicture?.url}
-        alt={reservoirInfo?.mainPicture?.name || "Imagen del embalse"}
-        width={200}
-        height={100}
-      />
-      {reservoirInfo?.author && (
-        <p className="text-xs text-gray-500">
-          Foto:{" "}
-          {reservoirInfo.authorUrl ? (
-            <a
-              href={reservoirInfo.authorUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="underline"
-            >
-              {reservoirInfo.author}
-            </a>
-          ) : (
-            reservoirInfo.author
+      {reservoirInfo?.mainPicture?.url && (
+        <>
+          <img
+            className="mt-4 w-full rounded-xl md:aspect-434/171"
+            src={reservoirInfo.mainPicture.url}
+            alt={reservoirInfo.mainPicture.name || "Imagen del embalse"}
+            width={200}
+            height={100}
+          />
+          {reservoirInfo?.author && (
+            <p className="text-xs text-gray-500">
+              Foto:{" "}
+              {reservoirInfo.authorUrl ? (
+                <a
+                  href={reservoirInfo.authorUrl}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="underline"
+                >
+                  {reservoirInfo.author}
+                </a>
+              ) : (
+                reservoirInfo.author
+              )}
+            </p>
           )}
-        </p>
+        </>
       )}
     </section>
   );