added author, and metadata in geostory

Open-Earth-Monitor · Dec 18, 2023 · 64da56e · 64da56e
1 parent 9f2da51
commit 64da56e
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/components/geostories/header/index.tsx b/src/components/geostories/header/index.tsx
@@ -8,6 +8,8 @@ const GeostoryHeader: FC<Geostory & { color: string }> = ({
   title,
   description,
   notebooks_url,
+  author,
+  metadata_url,
   color,
 }) => {
   return (
@@ -22,6 +24,10 @@ const GeostoryHeader: FC<Geostory & { color: string }> = ({
       </div>
       <div className="p-6">
         <dl className="space-y-2 py-2">
+          <div>
+            <dt className="inline-block whitespace-nowrap font-bold">Author:</dt>
+            <dd>{author && <span className="inline-block break-all">{author}</span>}</dd>
+          </div>
           <div>
             <dt className="inline-block whitespace-nowrap font-bold">Computational notebook:</dt>
             <dd>
@@ -32,6 +38,16 @@ const GeostoryHeader: FC<Geostory & { color: string }> = ({
               )}
             </dd>
           </div>
+          <div>
+            <dt className="inline-block whitespace-nowrap font-bold">Metadata link:</dt>
+            <dd>
+              {metadata_url && (
+                <a href={metadata_url} className="inline-block break-all underline">
+                  {metadata_url}
+                </a>
+              )}
+            </dd>
+          </div>
         </dl>
       </div>
     </>