Small improvements

eea · Nov 29, 2022 · fd2c67c · fd2c67c
1 parent 5d66785
commit fd2c67c
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 8 deletions.
diff --git a/src/components/ItemView/Datasets.jsx b/src/components/ItemView/Datasets.jsx
@@ -183,7 +183,12 @@ const DatasetList = (props) => {
                       {/* {(item.name || item.description) && (
                         <span className="item-protocol">{item.protocol}:</span>
                       )} */}
-                      <a className="item-link" href={item.url}>
+                      <a
+                        className="item-link"
+                        href={item.url}
+                        target="_blank"
+                        rel="noreferrer"
+                      >
                         {item.protocol} {item.name || item.description}
                       </a>
                       {is_internal_url(item.url) && (
@@ -204,7 +209,12 @@ const DatasetList = (props) => {
                       {/* {(item.name || item.description) && (
                           <span className="item-protocol">{item.protocol}:</span>
                         )} */}
-                      <a className="item-link" href={item.url}>
+                      <a
+                        className="item-link"
+                        href={item.url}
+                        target="_blank"
+                        rel="noreferrer"
+                      >
                         {item.protocol} {item.name || item.description}
                       </a>
                       {is_internal_url(item.url) && (
@@ -305,7 +315,17 @@ const Datasets = (props) => {
                         </span>
                       );
                     })}
+                    {(dataset.linkProtocol || [])
+                      .filter((i) => i.includes('ESRI') || i.includes('OGC'))
+                      .map((item, i) => {
+                        return (
+                          <span className="format-label" key={i}>
+                            {item}
+                          </span>
+                        );
+                      })}
                   </span>
+
                   {is_internal(dataset) && <SVGIcon name={lockSVG} size="18" />}
                 </span>
                 <Icon className="ri-arrow-down-s-line" />
@@ -348,14 +368,14 @@ const Datasets = (props) => {
 
                   {dataset.resourceType[0] !== 'nonGeographicDataset' && (
                     <div className="dataset-pdf">
-                      <div className="pdf-btn">
+                      <div className="d-link">
                         <Icon className="file pdf" />
                         <a
                           target="_blank"
                           rel="noreferrer"
                           href={`${appConfig.indexBaseUrl}/catalogue/datahub/api/records/${dataset.metadataIdentifier}/formatters/xsl-view?output=pdf&language=eng&approved=true`}
                         >
-                          SDI Metadata Factsheet
+                          Metadata Factsheet
                         </a>
                       </div>
                     </div>

diff --git a/src/components/ItemView/MetadataSection.jsx b/src/components/ItemView/MetadataSection.jsx
@@ -64,14 +64,25 @@ const MetadataSection = (props) => {
         </div>
       )}
 
-      <div className="pdf-btn">
+      <div className="d-link">
         <Icon className="file pdf" />
         <a
           target="_blank"
           rel="noreferrer"
           href={`${appConfig.indexBaseUrl}/catalogue/datahub/api/records/${docid}/formatters/xsl-view?output=pdf&language=eng&approved=true`}
         >
-          SDI Metadata Factsheet
+          Metadata Factsheet
+        </a>
+      </div>
+
+      <div className="d-link">
+        <i class="ri-external-link-line"></i>
+        <a
+          target="_blank"
+          rel="noreferrer"
+          href={`${appConfig.indexBaseUrl}/catalogue/srv/eng/catalog.search#/metadata/${docid}`}
+        >
+          Metadata catalogue
         </a>
       </div>
     </div>

diff --git a/src/components/LandingPage/DatahubLandingPage.jsx b/src/components/LandingPage/DatahubLandingPage.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Tab, Card, Menu } from 'semantic-ui-react';
+import { Tab, Card, Menu, Divider } from 'semantic-ui-react';
 import useDeepCompareEffect from 'use-deep-compare-effect';
 import { useAtom } from 'jotai';
 
@@ -247,7 +247,7 @@ const LandingPage = (props) => {
           </div>
         ) : null}
         {children}
-        <hr></hr>
+        <Divider />
         <div className="landing-page-cards">
           <div className="ui cards">
             <div