wrapping asset actions in permissions element

src/components/organisms/AssetActions/index.tsx

@@ -1,4 +1,5 @@
 import React, { ReactElement, useState, useEffect } from 'react'
+import Permission from '../Permission'
 import styles from './index.module.css'
 import Compute from './Compute'
 import Consume from './Consume'
@@ -89,5 +90,9 @@ export default function AssetActions(): ReactElement {
       }
     )
 
-  return <Tabs items={tabs} className={styles.actions} />
+  return (
+    <Permission eventType="purchase">
+      <Tabs items={tabs} className={styles.actions} />
+    </Permission>
+  )
 }

src/components/templates/Page.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode, ReactElement } from 'react'
+import Permission from '../organisms/Permission'
 import PageHeader from '../molecules/PageHeader'
 import Seo from '../atoms/Seo'
 import Container from '../atoms/Container'
@@ -21,6 +22,7 @@ export default function Page({
   headerCenter
 }: PageProps): ReactElement {
   return (
+    <Permission eventType="browse">
       <>
         <Seo title={title} description={description} uri={uri} />
 
@@ -35,5 +37,6 @@ export default function Page({
           {children}
         </Container>
       </>
+    </Permission>
   )
 }