add integration link

app.config.js

@@ -8,7 +8,7 @@ module.exports = {
   metadataCacheUri:
     process.env.NEXT_PUBLIC_METADATACACHE_URI ||
     'https://v4.aquarius.oceanprotocol.com',
-
+  calicaUri: 'https://calica.xyz/ocean/contracts',
   // List of chainIds which metadata cache queries will return by default.
   // This preselects the Chains user preferences.
   chainIds: [1, 137, 56, 246, 1285],

src/components/Asset/AssetActions/CalicaIntegration/index.tsx

@@ -0,0 +1,21 @@
+import { useAsset } from '@context/Asset'
+import React from 'react'
+import { useWeb3 } from '@context/Web3'
+import { calicaUri } from 'app.config'
+export default function CalicaIntegration() {
+  const { isOwner } = useAsset()
+  const { accountId } = useWeb3()
+
+  return isOwner ? (
+    <a
+      href={`${calicaUri}/${accountId}`}
+      target="_blank"
+      rel="noreferrer"
+      title="Use Calica for revenue split"
+    >
+      Use Calica for revenue split
+    </a>
+  ) : (
+    <></>
+  )
+}

src/components/Asset/AssetActions/index.tsx

@@ -1,6 +1,6 @@
 import React, { ReactElement, useState, useEffect } from 'react'
 import Compute from './Compute'
-import Consume from './Download'
+import Download from './Download'
 import { FileInfo, LoggerInstance, Datatoken } from '@oceanprotocol/lib'
 import Tabs, { TabsItem } from '@shared/atoms/Tabs'
 import { compareAsBN } from '@utils/numbers'
@@ -16,6 +16,7 @@ import { useFormikContext } from 'formik'
 import { FormPublishData } from 'src/components/Publish/_types'
 import { getTokenBalanceFromSymbol } from '@utils/web3'
 import AssetStats from './AssetStats'
+import CalicaIntegration from './CalicaIntegration'
 
 export default function AssetActions({
   asset
@@ -136,7 +137,7 @@ export default function AssetActions({
           fileIsLoading={fileIsLoading}
         />
       ) : (
-        <Consume
+        <Download
           asset={asset}
           dtBalance={dtBalance}
           isBalanceSufficient={isBalanceSufficient}
@@ -144,6 +145,7 @@ export default function AssetActions({
           fileIsLoading={fileIsLoading}
         />
       )}
+      <CalicaIntegration />
       <AssetStats />
     </>
   )