From 6d037abeec67ee719e0a9f96260a333be3442dac Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Thu, 20 May 2021 17:31:25 +0300
Subject: [PATCH] wrapping asset actions in permissions element

---
 .../organisms/AssetActions/index.tsx          |  7 ++++-
 src/components/templates/Page.tsx             | 29 ++++++++++---------
 2 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/components/organisms/AssetActions/index.tsx b/src/components/organisms/AssetActions/index.tsx
index 41ac03ed5..c858c682f 100644
--- a/src/components/organisms/AssetActions/index.tsx
+++ b/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>
+  )
 }
diff --git a/src/components/templates/Page.tsx b/src/components/templates/Page.tsx
index 12a5a3c00..a05da0241 100644
--- a/src/components/templates/Page.tsx
+++ b/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,19 +22,21 @@ export default function Page({
   headerCenter
 }: PageProps): ReactElement {
   return (
-    <>
-      <Seo title={title} description={description} uri={uri} />
+    <Permission eventType="browse">
+      <>
+        <Seo title={title} description={description} uri={uri} />
 
-      <Container>
-        {title && !noPageHeader && (
-          <PageHeader
-            title={title}
-            description={description}
-            center={headerCenter}
-          />
-        )}
-        {children}
-      </Container>
-    </>
+        <Container>
+          {title && !noPageHeader && (
+            <PageHeader
+              title={title}
+              description={description}
+              center={headerCenter}
+            />
+          )}
+          {children}
+        </Container>
+      </>
+    </Permission>
   )
 }