From adb5a2fdc33f5419cdc74ce0b71ea1c2f87d5bb0 Mon Sep 17 00:00:00 2001
From: Jamie Hewitt <jamie.hewitt15@gmail.com>
Date: Thu, 20 May 2021 17:22:21 +0300
Subject: [PATCH] wrapping search results in permissions wrapper

---
 src/components/organisms/Permission.tsx   |  2 +-
 src/components/templates/Search/index.tsx | 77 ++++++++++++-----------
 2 files changed, 41 insertions(+), 38 deletions(-)

diff --git a/src/components/organisms/Permission.tsx b/src/components/organisms/Permission.tsx
index bee2680aa..950fbd13a 100644
--- a/src/components/organisms/Permission.tsx
+++ b/src/components/organisms/Permission.tsx
@@ -1,4 +1,4 @@
-import React, { Children, ReactElement, useEffect, useState } from 'react'
+import React, { ReactElement, useEffect, useState } from 'react'
 import rbacRequest from '../../utils/rbac'
 
 export default function Permission({
diff --git a/src/components/templates/Search/index.tsx b/src/components/templates/Search/index.tsx
index 16938a70a..58a0c21f0 100644
--- a/src/components/templates/Search/index.tsx
+++ b/src/components/templates/Search/index.tsx
@@ -1,4 +1,5 @@
 import React, { ReactElement, useState, useEffect } from 'react'
+import Permission from '../../organisms/Permission'
 import { QueryResult } from '@oceanprotocol/lib/dist/node/metadatacache/MetadataCache'
 import SearchBar from '../../molecules/SearchBar'
 import AssetList from '../../organisms/AssetList'
@@ -74,43 +75,45 @@ export default function SearchPage({
   }
 
   return (
-    <>
-      <div className={styles.search}>
-        {(text || owner) && (
-          <SearchBar initialValue={(text || owner) as string} />
-        )}
-        <div className={styles.row}>
-          <PriceFilter
-            priceType={price}
-            serviceType={service}
-            setPriceType={setPriceType}
-            setServiceType={setServiceType}
-          />
-          <Sort
-            sortType={sortType}
-            sortDirection={sortDirection}
-            setSortType={setSortType}
-            setSortDirection={setSortDirection}
-            setPriceType={setPriceType}
-            setServiceType={setServiceType}
-          />
+    <Permission eventType="browse">
+      <>
+        <div className={styles.search}>
+          {(text || owner) && (
+            <SearchBar initialValue={(text || owner) as string} />
+          )}
+          <div className={styles.row}>
+            <PriceFilter
+              priceType={price}
+              serviceType={service}
+              setPriceType={setPriceType}
+              setServiceType={setServiceType}
+            />
+            <Sort
+              sortType={sortType}
+              sortDirection={sortDirection}
+              setSortType={setSortType}
+              setSortDirection={setSortDirection}
+              setPriceType={setPriceType}
+              setServiceType={setServiceType}
+            />
+          </div>
         </div>
-      </div>
-      <div className={styles.results}>
-        {loading ? (
-          <Loader />
-        ) : queryResult ? (
-          <AssetList
-            assets={queryResult.results}
-            showPagination
-            page={queryResult.page}
-            totalPages={queryResult.totalPages}
-            onPageChange={setPage}
-          />
-        ) : (
-          ''
-        )}
-      </div>
-    </>
+        <div className={styles.results}>
+          {loading ? (
+            <Loader />
+          ) : queryResult ? (
+            <AssetList
+              assets={queryResult.results}
+              showPagination
+              page={queryResult.page}
+              totalPages={queryResult.totalPages}
+              onPageChange={setPage}
+            />
+          ) : (
+            ''
+          )}
+        </div>
+      </>
+    </Permission>
   )
 }