From f74ec8dce5e8cfee68a16cef51be17bfeca2dc01 Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Thu, 20 May 2021 17:10:05 +0300
Subject: [PATCH] wrapping homepage content in permission element

---
 src/components/organisms/Permission.tsx | 10 +++--
 src/components/pages/Home.tsx           | 59 +++++++++++++------------
 src/utils/rbac.ts                       |  2 +-
 3 files changed, 37 insertions(+), 34 deletions(-)

diff --git a/src/components/organisms/Permission.tsx b/src/components/organisms/Permission.tsx
index 751fa1b86..bee2680aa 100644
--- a/src/components/organisms/Permission.tsx
+++ b/src/components/organisms/Permission.tsx
@@ -1,10 +1,12 @@
-import React, { ReactElement, useEffect, useState } from 'react'
+import React, { Children, ReactElement, useEffect, useState } from 'react'
 import rbacRequest from '../../utils/rbac'
 
 export default function Permission({
-  eventType
+  eventType,
+  children
 }: {
   eventType: string
+  children: ReactElement
 }): ReactElement {
   const [data, updateData] = useState<boolean>()
   useEffect(() => {
@@ -16,8 +18,8 @@ export default function Permission({
   }, [])
 
   if (data === false) {
-    return <div>Sorry you do not have permission to {eventType}</div>
+    return <b>Sorry you do not have permission to {eventType}</b>
   } else {
-    return <div>permission</div>
+    return <>{children}</>
   }
 }
diff --git a/src/components/pages/Home.tsx b/src/components/pages/Home.tsx
index 9168bfa06..fbb46c91f 100644
--- a/src/components/pages/Home.tsx
+++ b/src/components/pages/Home.tsx
@@ -95,38 +95,39 @@ function SectionQueryResult({
 export default function HomePage(): ReactElement {
   return (
     <>
-      <Permission eventType="browse" />
-      <Container narrow className={styles.searchWrap}>
-        <SearchBar size="large" />
-      </Container>
+      <Permission eventType="browse">
+        <Container narrow className={styles.searchWrap}>
+          <SearchBar size="large" />
+        </Container>
 
-      <section className={styles.section}>
-        <h3>Bookmarks</h3>
-        <Bookmarks />
-      </section>
+        <section className={styles.section}>
+          <h3>Bookmarks</h3>
+          <Bookmarks />
+        </section>
 
-      <SectionQueryResult
-        title="Highest Liquidity"
-        query={queryHighest}
-        action={
-          <Button
-            style="text"
-            to="/search?priceType=pool&sort=liquidity&sortOrder=desc"
-          >
-            Data sets and algorithms with pool →
-          </Button>
-        }
-      />
+        <SectionQueryResult
+          title="Highest Liquidity"
+          query={queryHighest}
+          action={
+            <Button
+              style="text"
+              to="/search?priceType=pool&sort=liquidity&sortOrder=desc"
+            >
+              Data sets and algorithms with pool →
+            </Button>
+          }
+        />
 
-      <SectionQueryResult
-        title="Recently Published"
-        query={queryLatest}
-        action={
-          <Button style="text" to="/search?sort=created&sortOrder=desc">
-            All data sets and algorithms →
-          </Button>
-        }
-      />
+        <SectionQueryResult
+          title="Recently Published"
+          query={queryLatest}
+          action={
+            <Button style="text" to="/search?sort=created&sortOrder=desc">
+              All data sets and algorithms →
+            </Button>
+          }
+        />
+      </Permission>
     </>
   )
 }
diff --git a/src/utils/rbac.ts b/src/utils/rbac.ts
index 01ac9a30d..1b9bec3e6 100644
--- a/src/utils/rbac.ts
+++ b/src/utils/rbac.ts
@@ -12,7 +12,7 @@ export default async function rbacRequest(eventType: string): Promise<boolean> {
       eventType,
       credentials: {
         token:
-          'eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJDWVdQTTJLY1NKUjJtV0o2ZFBqZTVKVmZ5YTZnZXdhVElVZDBabUoyWndFIn0.eyJleHAiOjE2MjE1MTE2MTgsImlhdCI6MTYyMTUxMTAxOCwianRpIjoiZWI3YzZjNmYtYjVjYi00YjA0LWI0ZjAtOWMzZTEzOGM3YWViIiwiaXNzIjoiaHR0cHM6Ly9rZXljbG9hay1pbnQuZGF0YS1tYXJrZXRwbGFjZS5pby9hdXRoL3JlYWxtcy9tYXJrZXRwbGFjZSIsImF1ZCI6ImFjY291bnQiLCJzdWIiOiJkZDM2NDVlZi0zN2Q5LTQzMzQtOWEzYy1jMjczNTRkYmNkMWMiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJwb3J0YWwiLCJzZXNzaW9uX3N0YXRlIjoiMzU3NmIyNWUtYjNkNy00ZDkwLTgxNDAtYTE5MzQ3NjZmNTMyIiwiYWNyIjoiMSIsImFsbG93ZWQtb3JpZ2lucyI6WyJodHRwczovL3BvcnRhbC1pbnQuZGF0YS1tYXJrZXRwbGFjZS5pbyJdLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsib2ZmbGluZV9hY2Nlc3MiLCJwdWJsaXNoZXIiLCJ1bWFfYXV0aG9yaXphdGlvbiJdfSwicmVzb3VyY2VfYWNjZXNzIjp7ImFjY291bnQiOnsicm9sZXMiOlsibWFuYWdlLWFjY291bnQiLCJtYW5hZ2UtYWNjb3VudC1saW5rcyIsInZpZXctcHJvZmlsZSJdfX0sInNjb3BlIjoicHJvZmlsZSBlbWFpbCIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJuYW1lIjoiamFtaWUgb2NlYW4iLCJwcmVmZXJyZWRfdXNlcm5hbWUiOiJqYW1pZUBvY2Vhbi5jb20iLCJnaXZlbl9uYW1lIjoiamFtaWUiLCJmYW1pbHlfbmFtZSI6Im9jZWFuIiwiZW1haWwiOiJqYW1pZUBvY2Vhbi5jb20ifQ.YAuPrGiJHDnziuNBR67NMPNcrffCyJeUDAFMI3ugy8_NsahM0V6HIAfZ3pjAbX94TP_L1NbCLlbqRdMcRviJxaM1ffWe6JZ_2ktr1kGPtUScen8YF3Gke_uFMDVlkg4fjZi50-DVUy9GmuKcdHEBoRxLC3j1RfOpXtfVq8LIuIG04bJD0JUTxwsoZhmNXvcyldjN2XDsDKXJ90aLzE3do9GaHajTERbAiOXDFjUSxk2B4lttZyU9ZIVVNEVCJ6J0NjW_H-y0Jdqk-MqdpIaWW0k3X_i7nlvVh4bt0aFcGpb6LIyphL5Ivl7hbggg3_zetYAsdwJFgL5f7ICG8heX0Q'
+          '1eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJDWVdQTTJLY1NKUjJtV0o2ZFBqZTVKVmZ5YTZnZXdhVElVZDBabUoyWndFIn0.eyJleHAiOjE2MjE1MjAxNzcsImlhdCI6MTYyMTUxOTU3NywianRpIjoiZWFhZjQ2NmQtY2NhNy00MDlkLWEzNGItNzA1N2I2MjQ4NDFhIiwiaXNzIjoiaHR0cHM6Ly9rZXljbG9hay1pbnQuZGF0YS1tYXJrZXRwbGFjZS5pby9hdXRoL3JlYWxtcy9tYXJrZXRwbGFjZSIsImF1ZCI6ImFjY291bnQiLCJzdWIiOiJkZDM2NDVlZi0zN2Q5LTQzMzQtOWEzYy1jMjczNTRkYmNkMWMiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJwb3J0YWwiLCJzZXNzaW9uX3N0YXRlIjoiY2UxMjAxOTMtMDhhZi00ODRiLTk4OGUtYjhiMjlhYzVhNjY2IiwiYWNyIjoiMSIsImFsbG93ZWQtb3JpZ2lucyI6WyJodHRwczovL3BvcnRhbC1pbnQuZGF0YS1tYXJrZXRwbGFjZS5pbyJdLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsib2ZmbGluZV9hY2Nlc3MiLCJwdWJsaXNoZXIiLCJ1bWFfYXV0aG9yaXphdGlvbiJdfSwicmVzb3VyY2VfYWNjZXNzIjp7ImFjY291bnQiOnsicm9sZXMiOlsibWFuYWdlLWFjY291bnQiLCJtYW5hZ2UtYWNjb3VudC1saW5rcyIsInZpZXctcHJvZmlsZSJdfX0sInNjb3BlIjoicHJvZmlsZSBlbWFpbCIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJuYW1lIjoiamFtaWUgb2NlYW4iLCJwcmVmZXJyZWRfdXNlcm5hbWUiOiJqYW1pZUBvY2Vhbi5jb20iLCJnaXZlbl9uYW1lIjoiamFtaWUiLCJmYW1pbHlfbmFtZSI6Im9jZWFuIiwiZW1haWwiOiJqYW1pZUBvY2Vhbi5jb20ifQ.edeI8XiJk_v_vM0dwRXHWZK4hJ5GR_Wq-i2J00oBGt-7LSvEAqqyG39muMluqeoL1_s9KVaetVZqrESdksZyeu3AtmYJh_Nre7UjY75KgRsq2DTMHr4d20AjKQeBO0_ndyiz4rldrMiNhjK5Xi_uK3Aoh9VyuP5974IX4a0410Q_TiAB1I-zfYamWEgtl5GG1ErcZ2ecjL6HMP2uD3fLxanc674oHEVDojfTybYyI2Ao66OBU8NUvKZGajd0N2uTm-70jNSlAOJoVYHPdpmasfzFJ-gl5mUnlfNc_0hUsXy4sMmjIXQV0L6mrTSch7yiLrgYuxNDS0_EjD6h0ZJ9mg'
       }
     }
     console.log('appConfig', appConfig)