Use DUOS in text and URL for Browse Data card (#5446)

Author: eweitz

src/libs/brands.tsx

@@ -1,6 +1,5 @@
 import { Theme } from '@terra-ui-packages/components';
-import { ReactNode } from 'react';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import anvilLogo from 'src/images/brands/anvil/ANVIL-Logo.svg';
 import anvilLogoWhite from 'src/images/brands/anvil/ANVIL-Logo-White.svg';
 import baselineLogo from 'src/images/brands/baseline/baseline-logo-color.svg';
@@ -122,9 +121,9 @@ export const landingPageCardsDefault = [
     body: 'Browse our gallery of showcase Workspaces to see how science gets done.',
   },
   {
-    link: 'library-datasets',
+    link: 'https://duos.org',
     title: 'Browse Data',
-    body: 'Access data from a rich ecosystem of data portals.',
+    body: 'Access data from a rich ecosystem in DUOS.',
   },
 ];
 

src/pages/LandingPage.js

@@ -58,23 +58,24 @@ const makeRightArrowWithBackgroundIcon = () =>
   );
 
 const makeCard = (customStyles = {}, cardConfigs = [], isExternalLink = false) =>
-  _.map(({ link, title, body, linkPathParams, linkQueryParams }) =>
-    h(
+  _.map(({ link, title, body, linkPathParams, linkQueryParams }) => {
+    const isExternal = isExternalLink || link.startsWith('http://') || link.startsWith('https://');
+    return h(
       Clickable,
       {
-        href: isExternalLink ? link : Nav.getLink(link, linkPathParams, linkQueryParams),
+        href: isExternal ? link : Nav.getLink(link, linkPathParams, linkQueryParams),
         style: { ...Style.elements.card.container, ...customStyles },
         hover: { boxShadow: '0 3px 7px 0 rgba(0,0,0,0.5), 0 5px 3px 0 rgba(0,0,0,0.2)' },
-        target: isExternalLink ? '_blank' : '',
+        target: isExternal ? '_blank' : '',
       },
       [
         h2({ style: { color: colors.accent(), fontSize: 18, fontWeight: 500, lineHeight: '22px', marginBottom: '0.5rem' } }, title),
         div({ style: { lineHeight: '22px' } }, body),
         div({ style: { flexGrow: 1 } }),
         makeRightArrowWithBackgroundIcon(),
       ]
-    )
-  )(cardConfigs);
+    );
+  })(cardConfigs);
 
 const makeDocLinks = _.map(({ link, text }) =>
   div({ style: { marginBottom: '1rem', fontSize: 18 } }, [