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

compute & consume tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-10-20 21:16:04 +02:00
parent 2163ab643b
commit 0497904bb5
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/organisms/AssetActions/Compute.module.css
View File

@ -24,7 +24,5 @@
} }
.hasTokens { .hasTokens {
font-size: var(--font-size-small); composes: hasTokens from './index.module.css';
color: var(--color-secondary);
margin-top: calc(var(--spacer) / 4);
} }

6
src/components/organisms/AssetActions/Compute.tsx
View File

@ -110,8 +110,8 @@ export default function Compute({
<Price ddo={ddo} conversion /> <Price ddo={ddo} conversion />
{hasDatatoken && ( {hasDatatoken && (
<div className={styles.hasTokens}> <div className={styles.hasTokens}>
You own {dtBalance} {dtSymbol} so you can use this asset without You own {dtBalance} {dtSymbol} allowing you to use this data set
paying again. without paying again.
</div> </div>
)} )}
</div> </div>
@ -135,7 +135,7 @@ export default function Compute({
onClick={() => startJob()} onClick={() => startJob()}
disabled={isComputeButtonDisabled} disabled={isComputeButtonDisabled}
> >
Start job {hasDatatoken ? 'Start job' : 'Buy'}
</Button> </Button>
</div> </div>

4
src/components/organisms/AssetActions/Consume.module.css
View File

@ -18,7 +18,5 @@
} }
.hasTokens { .hasTokens {
font-size: var(--font-size-small); composes: hasTokens from './index.module.css';
color: var(--color-secondary);
margin-top: calc(var(--spacer) / 4);
} }

9
src/components/organisms/AssetActions/Consume.tsx
View File

@ -33,7 +33,10 @@ export default function Consume({
const { consumeStepText, consume, consumeError } = useConsume() const { consumeStepText, consume, consumeError } = useConsume()
const isDisabled = const isDisabled =
!ocean || !isBalanceSufficient || consumeStepText || pricingIsLoading !ocean ||
!isBalanceSufficient ||
typeof consumeStepText !== 'undefined' ||
pricingIsLoading
const hasDatatoken = Number(dtBalance) >= 1 const hasDatatoken = Number(dtBalance) >= 1
async function handleConsume() { async function handleConsume() {
@ -69,8 +72,8 @@ export default function Consume({
<Price ddo={ddo} conversion /> <Price ddo={ddo} conversion />
{hasDatatoken && ( {hasDatatoken && (
<div className={styles.hasTokens}> <div className={styles.hasTokens}>
You own {dtBalance} {dtSymbol} so you can use this asset without You own {dtBalance} {dtSymbol} allowing you to use this data set
paying again. without paying again.
</div> </div>
)} )}
<PurchaseButton /> <PurchaseButton />

6
src/components/organisms/AssetActions/index.module.css
View File

@ -4,3 +4,9 @@
margin: auto; margin: auto;
padding: 0; padding: 0;
} }
.hasTokens {
font-size: var(--font-size-mini);
color: var(--color-secondary);
margin-top: calc(var(--spacer) / 12);
}