Merge pull request #27 from datopian/feat/source

Add Source to dataset details page

Author: demenech

components/dataset/individualPage/DatasetInfo.tsx

@@ -1,6 +1,10 @@
 import Link from "next/link";
-import {  Resource, Tag } from "@portaljs/ckan";
-import { ArrowDownTrayIcon, ChevronDownIcon, ChevronUpIcon } from "@heroicons/react/20/solid";
+import { Resource, Tag } from "@portaljs/ckan";
+import {
+  ArrowDownTrayIcon,
+  ChevronDownIcon,
+  ChevronUpIcon,
+} from "@heroicons/react/20/solid";
 import { getTimeAgo } from "@/lib/utils";
 import { Dataset } from "@/schemas/dataset.interface";
 import { RiExternalLinkLine } from "react-icons/ri";
@@ -110,6 +114,43 @@ export default function DatasetInfo({
           Created:{" "}
           {dataset.metadata_created && getTimeAgo(dataset.metadata_created)}
         </span>
+        {dataset.source && dataset.source.length > 0 && (
+          <div className="font-medium text-gray-500">
+            <div className="flex items-start gap-1">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                strokeWidth={1.5}
+                stroke="currentColor"
+                className="w-5 h-5 text-accent inline-block mt-0.5 flex-shrink-0"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"
+                />
+              </svg>
+              <div className="flex flex-col gap-1">
+                <span>Source{dataset.source.length > 1 ? "s" : ""}:</span>
+                <div className="flex flex-col gap-1.5">
+                  {dataset.source.map((url, index) => (
+                    <a
+                      key={index}
+                      href={url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-accent hover:text-darkaccent flex items-center gap-1 break-all transition"
+                    >
+                      <RiExternalLinkLine className="w-4 h-4 flex-shrink-0" />
+                      <span className="underline">{url}</span>
+                    </a>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
         <span className="font-medium text-gray-500 inline">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -136,7 +177,7 @@ export default function DatasetInfo({
             !showFullDescription ? "line-clamp-4" : ""
           }`}
         >
-          <MarkdownRenderer content={description}/>
+          <MarkdownRenderer content={description} />
         </div>
         {isTruncated && (
           <button

schemas/dataset.interface.ts

@@ -36,6 +36,7 @@ export interface Dataset {
     temporal_coverage_end?: string;
     coverage_type?: string;
     data_type?: string;
+    source?: string[];
 }
 
 export interface PackageSearchOptions {