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

table display tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-29 20:42:21 +01:00
parent 8eb1023447
commit 2ec825d255
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
package-lock.json generated
View File

@ -3867,34 +3867,15 @@
} }
}, },
"@oceanprotocol/react": { "@oceanprotocol/react": {
"version": "0.3.14", "version": "0.3.15",
"resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.14.tgz", "resolved": "https://registry.npmjs.org/@oceanprotocol/react/-/react-0.3.15.tgz",
"integrity": "sha512-KezQQHfm745+h3VDEnhBJ4wQErpf0dR+en6l73cxAe7G6koSHQh4SbKI+avq5SlGwEcBP5HEi5SXZcNVKueMvQ==", "integrity": "sha512-tQxHkNeYvioJQqmvBb0QtcUzAEB3YigKf4aWIFF6te05f+oXFeuiLG7PaQFZ1+p4NgRukQyPpG4YkFPBSxOViA==",
"requires": { "requires": {
"@oceanprotocol/lib": "^0.9.8", "@oceanprotocol/lib": "^0.9.8",
"axios": "^0.21.0", "axios": "^0.21.0",
"decimal.js": "^10.2.1", "decimal.js": "^10.2.1",
"web3": "^1.3.0", "web3": "^1.3.0",
"web3modal": "^1.9.1" "web3modal": "^1.9.1"
},
"dependencies": {
"@oceanprotocol/lib": {
"version": "0.9.8",
"resolved": "https://registry.npmjs.org/@oceanprotocol/lib/-/lib-0.9.8.tgz",
"integrity": "sha512-jV7lobTXskqqmv23Vl3iQ4SZk+0FVFxLSVkXniOKOOFP0pJ0vllSNnM+wHkG4inF3HWHHyeh8AyFNTSxOUuirA==",
"requires": {
"@ethereum-navigator/navigator": "^0.5.0",
"@oceanprotocol/contracts": "^0.5.7",
"decimal.js": "^10.2.0",
"fs": "0.0.1-security",
"lzma": "^2.3.2",
"node-fetch": "^2.6.1",
"save-file": "^2.3.1",
"uuid": "^8.3.0",
"web3": "^1.3.0",
"web3-eth-contract": "^1.3.0"
}
}
} }
}, },
"@oceanprotocol/typographies": { "@oceanprotocol/typographies": {

21
src/components/atoms/Table.module.css
View File

@ -6,6 +6,27 @@
font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);
} }
.table + div [class*='rdt_Pagination'] {
font-size: var(--font-size-small);
color: var(--brand-grey-light);
}
.table + div [class*='rdt_Pagination'] svg {
fill: var(--brand-grey-light);
}
.table + div [class*='rdt_Pagination'] [disabled] svg {
fill: var(--brand-grey-lighter);
}
.table + div [class*='rdt_Pagination'] button:hover:not(:disabled) {
background: none;
}
.table + div [class*='rdt_Pagination'] button:hover:not(:disabled) svg {
fill: var(--brand-pink);
}
.empty { .empty {
width: 100%; width: 100%;
text-align: left; text-align: left;

1
src/components/atoms/Table.tsx
View File

@ -27,6 +27,7 @@ export default function Table({
noHeader noHeader
pagination={data?.length >= 9} pagination={data?.length >= 9}
paginationPerPage={10} paginationPerPage={10}
paginationComponentOptions={{ noRowsPerPage: true }}
noDataComponent={<Empty message={emptyMessage} />} noDataComponent={<Empty message={emptyMessage} />}
progressPending={isLoading} progressPending={isLoading}
progressComponent={<Loader />} progressComponent={<Loader />}

2
src/components/molecules/Bookmarks.tsx
View File

@ -45,7 +45,7 @@ const columns = [
{ {
name: 'Price', name: 'Price',
selector: function getAssetRow(row: DDO) { selector: function getAssetRow(row: DDO) {
return <Price ddo={row} small conversion /> return <Price ddo={row} small />
}, },
right: true right: true
} }