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 search results in permissions wrapper

Browse Source
This commit is contained in:
Jamie Hewitt 2021-05-20 17:22:21 +03:00
parent 440afbdc05
commit adb5a2fdc3
2 changed files with 41 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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({

77
src/components/templates/Search/index.tsx
View File

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