Make data path as a part of data usage

.env

@@ -12,6 +12,3 @@ API_XARRAY_ENDPOINT='https://dev-titiler-xarray.delta-backend.com/tilejson.json'
 
 # Google form for feedback
 GOOGLE_FORM = 'https://docs.google.com/forms/d/e/1FAIpQLSfGcd3FDsM3kQIOVKjzdPn4f88hX8RZ4Qef7qBsTtDqxjTSkg/viewform?embedded=true'
-
-# Enpoint for Data Browser
-DATA_BROWSER_PATH='https://d36s2ep3ahcq5b.cloudfront.net/browseui/index.html#'

app/scripts/components/common/notebook-connect.tsx

@@ -5,7 +5,8 @@ import { Button, ButtonProps } from '@devseed-ui/button';
 import {
   CollecticonBook,
   CollecticonCode,
-  CollecticonCog
+  CollecticonCog,
+  CollecticonDownload2
 } from '@devseed-ui/collecticons';
 import { Modal } from '@devseed-ui/modal';
 import { DatasetData, datasets } from 'veda';
@@ -78,11 +79,12 @@ const DatasetUsageLabel = styled.div`
   }
 `;
 
-type DatasetUsageType = 'jupyter' | 'github' | 'unknown';
+type DatasetUsageType = 'jupyter' | 'github' | 'download' | 'unknown';
 
 const IconByType: Record<DatasetUsageType, any> = {
   jupyter: <CollecticonCog />,
   github: <CollecticonBook />,
+  download: <CollecticonDownload2 />,
   unknown: <CollecticonCog />
 };
 
@@ -100,6 +102,8 @@ export function NotebookConnectModal(props: {
       let type = 'unknown';
       if (d.url.match('nasa-veda.2i2c.cloud')) type = 'jupyter';
       else if (d.url.match('github.com/NASA-IMPACT/veda-docs')) type = 'github';
+      // TO DO: browser UI url pattern check
+      else if (d.url.match('browseui')) type = 'download';
       return {
         ...d,
         type
@@ -186,7 +190,7 @@ function NotebookConnectButtonSelf(props: NotebookConnectButtonProps) {
         size={size}
       >
         <CollecticonCode meaningful={compact} title='Open data usage options' />
-        {compact ? '' : 'Analyze data (Python)'}
+        {compact ? '' : 'Access Data'}
       </Button>
       <NotebookConnectModal
         dataset={dataset}

app/scripts/components/datasets/s-overview/index.tsx

@@ -1,7 +1,7 @@
 import React, { lazy } from 'react';
 import { Link } from 'react-router-dom';
 import { Button } from '@devseed-ui/button';
-import { CollecticonCompass, CollecticonDownload } from '@devseed-ui/collecticons';
+import { CollecticonCompass } from '@devseed-ui/collecticons';
 
 import { resourceNotFound } from '$components/uhoh';
 import { LayoutProps } from '$components/common/layout-root';
@@ -17,7 +17,7 @@ import {
   TAXONOMY_UNCERTAINTY,
   useDataset
 } from '$utils/veda-data';
-import { DATASETS_PATH, getDatasetExplorePath, getDatasetBrowserPath } from '$utils/routes';
+import { DATASETS_PATH, getDatasetExplorePath } from '$utils/routes';
 import { ContentTaxonomy } from '$components/common/content-taxonomy';
 import { DatasetClassification } from '$components/common/dataset-classification';
 
@@ -69,18 +69,6 @@ function DatasetsOverview() {
                   compact={false}
                   variation='achromic-outline'
                 />
-                {dataset.data.dataPath && (
-                  <a
-                    href={getDatasetBrowserPath(dataset.data)}
-                    target='_blank'
-                    rel='noreferrer'
-                  >
-                    <Button size='large' variation='achromic-outline'>
-                      <CollecticonDownload />
-                      Download
-                    </Button>
-                  </a>
-                )}
               </PageActions>
           )}
           renderDetailsBlock={() => (

app/scripts/utils/routes.ts

@@ -14,6 +14,3 @@ export const getDatasetPath = (d: DatasetData | string) =>
 
 export const getDatasetExplorePath = (d: DatasetData | string) =>
   `${DATASETS_PATH}/${typeof d === 'string' ? d : d.id}/explore`;
-
-export const getDatasetBrowserPath = (d: DatasetData | string) =>
-  `${process.env.DATA_BROWSER_PATH}${typeof d === 'string' ? d : d.dataPath}/`;

mock/datasets/no2.data.mdx

@@ -13,7 +13,9 @@ usage:
   - url: 'https://github.com/NASA-IMPACT/veda-docs'
     label: All the docs for the site
     title: 'Documentaion repo'
-dataPath: ch4_inverse_flux
+  - url: https://d36s2ep3ahcq5b.cloudfront.net/browseui/index.html#ch4_inverse_flux
+    label: Data Broswer
+    title: Download data
 media:
   src: ::file ./no2--dataset-cover.jpg
   alt: Power plant shooting steam at the sky.

parcel-resolver-veda/index.d.ts

@@ -147,7 +147,6 @@ declare module 'veda' {
     name: string;
     taxonomy: Taxonomy[];
     description: string;
-    dataPath?: string;
     usage?: DatasetUsage[];
     media?: Media;
     layers: DatasetLayer[];