diff --git a/src/@types/MetaData.d.ts b/src/@types/MetaData.d.ts index df787238c..023101e30 100644 --- a/src/@types/MetaData.d.ts +++ b/src/@types/MetaData.d.ts @@ -13,7 +13,10 @@ export interface AdditionalInformationMarket extends AdditionalInformation { } export interface MetadataMarket extends Metadata { - additionalInformation: AdditionalInformationMarket + // While required for this market, Aquarius/Plecos will keep this as optional + // allowing external pushes of assets without `additionalInformation`. + // Making it optional here helps safeguarding against those assets. + additionalInformation?: AdditionalInformationMarket } export interface MetadataPublishForm { diff --git a/src/components/molecules/FormFields/Price/Dynamic.module.css b/src/components/molecules/FormFields/Price/Dynamic.module.css index 4c530312f..9eb4d843b 100644 --- a/src/components/molecules/FormFields/Price/Dynamic.module.css +++ b/src/components/molecules/FormFields/Price/Dynamic.module.css @@ -34,8 +34,7 @@ padding-bottom: calc(var(--spacer) / 3); } -.tokens, -.fees { +.tokens { display: grid; margin-left: -2rem; @@ -49,24 +48,6 @@ } } -.fees { - margin-top: var(--spacer); - padding: var(--spacer); - padding-top: 0; - gap: var(--spacer); - grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); - align-items: center; - border-bottom: 1px solid var(--brand-grey-lighter); -} - -.fees label { - white-space: nowrap; -} - -.fees input { - max-width: 5rem; -} - .summary { margin-top: var(--spacer); } diff --git a/src/components/molecules/FormFields/Price/Dynamic.tsx b/src/components/molecules/FormFields/Price/Dynamic.tsx index bf3e4d9c5..c82030e97 100644 --- a/src/components/molecules/FormFields/Price/Dynamic.tsx +++ b/src/components/molecules/FormFields/Price/Dynamic.tsx @@ -8,9 +8,8 @@ import Alert from '../../../atoms/Alert' import Coin from './Coin' import { isCorrectNetwork } from '../../../../utils/wallet' import { useSiteMetadata } from '../../../../hooks/useSiteMetadata' -import InputElement from '../../../atoms/Input/InputElement' -import Label from '../../../atoms/Input/Label' import Tooltip from '../../../atoms/Tooltip' +import Fees from './Fees' export default function Dynamic({ ocean, @@ -39,14 +38,14 @@ export default function Dynamic({ c.toUpperCase() ) - // Check: account, network & insuffciant balance + // Check: account, network & insufficient balance useEffect(() => { if (!account) { setError(`No account connected. Please connect your Web3 wallet.`) } else if (!correctNetwork) { setError(`Wrong Network. Please connect to ${desiredNetworkName}.`) } else if (Number(balance.ocean) < Number(ocean)) { - setError(`Insufficiant balance. You need at least ${ocean} OCEAN`) + setError(`Insufficient balance. You need at least ${ocean} OCEAN`) } else { setError(undefined) } @@ -100,50 +99,11 @@ export default function Dynamic({ /> -
-
- - -
-
- - -
-
- - -
-
+