oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

wrapping homepage content in permission element

Browse Source
This commit is contained in:
Jamie Hewitt 2021-05-20 17:10:05 +03:00
parent 5d311ccb2f
commit f74ec8dce5
3 changed files with 37 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/organisms/Permission.tsx
View File

@ -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}</>
}
}

59
src/components/pages/Home.tsx
View File

@ -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>
</>
)
}

2
src/utils/rbac.ts
View File

@ -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)