changed way to get accessType, asset type declaration

src/components/molecules/AssetTeaser.tsx

@@ -19,7 +19,8 @@ const AssetTeaser: React.FC<AssetTeaserProps> = ({ ddo }: AssetTeaserProps) => {
   const { attributes } = ddo.findServiceByType('metadata')
   const { name, type } = attributes.main
   const { dataTokenInfo } = ddo
-  const accessType = ddo.service[1].type
+  const isCompute = Boolean(ddo?.findServiceByType('compute'))
+  const accessType = isCompute ? 'compute' : 'access'
 
   return (
     <article className={`${styles.teaser} ${styles[type]}`}>

src/components/organisms/AssetActions/Consume.tsx

@@ -157,25 +157,17 @@ export default function Consume({
         <div className={styles.filewrapper}>
           <File file={file} />
         </div>
-        {type === 'algorithm' ? (
+        <div className={styles.pricewrapper}>
-          <div className={styles.pricewrapper}>
+          {isConsumable ? (
-            This asset can not be downloaded, it can only be used in a compute
+            <Price ddo={ddo} conversion />
-            job
+          ) : (
-          </div>
+            <div className={styles.help}>
-        ) : (
+              There is not enough liquidity in the pool to buy this data set.
-          <div className={styles.pricewrapper}>
+            </div>
-            {isConsumable ? (
+          )}
-              <Price ddo={ddo} conversion />
+          {!isInPurgatory && <PurchaseButton />}
-            ) : (
+        </div>
-              <div className={styles.help}>
-                There is not enough liquidity in the pool to buy this data set.
-              </div>
-            )}
-            {!isInPurgatory && <PurchaseButton />}
-          </div>
-        )}
       </div>
-
       <footer className={styles.feedback}>
         <Web3Feedback isBalanceSufficient={isBalanceSufficient} />
       </footer>

src/components/organisms/AssetContent/MetaMain.tsx

@@ -10,7 +10,8 @@ import AssetType from '../../atoms/AssetType'
 export default function MetaMain(): ReactElement {
   const { ddo, owner, type } = useAsset()
   const { networkId } = useOcean()
-  const accessType = ddo.service[1].type
+  const isCompute = Boolean(ddo?.findServiceByType('compute'))
+  const accessType = isCompute ? 'compute' : 'access'
 
   return (
     <aside className={styles.meta}>

src/providers/Asset.tsx

@@ -25,7 +25,7 @@ interface AssetProviderValue {
   title: string | undefined
   owner: string | undefined
   price: BestPrice | undefined
-  type: string | undefined
+  type: 'dataset' | 'algorithm' | undefined
   error?: string
   refreshInterval: number
   refreshDdo: (token?: CancelToken) => Promise<void>