Merge pull request #78 from oceanprotocol/fix/vercel-404-test

Fix direct asset URLs

src/components/templates/AssetDetails.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, ReactElement } from 'react'
 import { Router } from '@reach/router'
 import AssetContent from '../../components/organisms/AssetContent'
 import Layout from '../../components/Layout'
-import { MetadataMarket, ServiceMetadataMarket } from '../../@types/Metadata'
+import { MetadataMarket } from '../../@types/Metadata'
 import { MetadataStore, Logger, DDO } from '@oceanprotocol/lib'
 import Alert from '../../components/atoms/Alert'
 import Loader from '../../components/atoms/Loader'
@@ -61,7 +61,7 @@ export default function PageTemplateAssetDetails({
       <Alert title={title} text={error} state="error" />
     </Layout>
   ) : (
-    <Layout title="Loading..." uri={uri}>
+    <Layout title={undefined} uri={uri}>
       <Loader />
     </Layout>
   )

src/pages/asset/index.tsx

@@ -4,5 +4,6 @@ import PageTemplateAssetDetails from '../../components/templates/AssetDetails'
 
 export default function PageGatsbyAssetDetails(props: PageProps): ReactElement {
   const did = props.location.pathname.split('/')[2]
+
   return <PageTemplateAssetDetails did={did} uri={props.location.pathname} />
 }

vercel.json

@@ -1,4 +1 @@
-{
-  "cleanUrls": true,
-  "trailingSlash": false
-}
+{ "rewrites": [{ "source": "/asset/:did", "destination": "/asset/" }] }