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' import rbacRequest from '../../utils/rbac'
export default function Permission({ export default function Permission({
eventType eventType,
children
}: { }: {
eventType: string eventType: string
children: ReactElement
}): ReactElement { }): ReactElement {
const [data, updateData] = useState<boolean>() const [data, updateData] = useState<boolean>()
useEffect(() => { useEffect(() => {
@ -16,8 +18,8 @@ export default function Permission({
}, []) }, [])
if (data === false) { 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 { } 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 { export default function HomePage(): ReactElement {
return ( return (
<> <>
<Permission eventType="browse" /> <Permission eventType="browse">
<Container narrow className={styles.searchWrap}> <Container narrow className={styles.searchWrap}>
<SearchBar size="large" /> <SearchBar size="large" />
</Container> </Container>
<section className={styles.section}> <section className={styles.section}>
<h3>Bookmarks</h3> <h3>Bookmarks</h3>
<Bookmarks /> <Bookmarks />
</section> </section>
<SectionQueryResult <SectionQueryResult
title="Highest Liquidity" title="Highest Liquidity"
query={queryHighest} query={queryHighest}
action={ action={
<Button <Button
style="text" style="text"
to="/search?priceType=pool&sort=liquidity&sortOrder=desc" to="/search?priceType=pool&sort=liquidity&sortOrder=desc"
> >
Data sets and algorithms with pool → Data sets and algorithms with pool →
</Button> </Button>
} }
/> />
<SectionQueryResult <SectionQueryResult
title="Recently Published" title="Recently Published"
query={queryLatest} query={queryLatest}
action={ action={
<Button style="text" to="/search?sort=created&sortOrder=desc"> <Button style="text" to="/search?sort=created&sortOrder=desc">
All data sets and algorithms → All data sets and algorithms →
</Button> </Button>
} }
/> />
</Permission>
</> </>
) )
} }

2
src/utils/rbac.ts
View File

@ -12,7 +12,7 @@ export default async function rbacRequest(eventType: string): Promise<boolean> {
eventType, eventType,
credentials: { credentials: {
token: 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) console.log('appConfig', appConfig)