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({
/>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+