new value: oceanAmount

src/@types/MetaData.d.ts

@@ -21,6 +21,7 @@ export interface MetadataMarket extends Metadata {
 export interface PriceOptionsMarket extends PriceOptions {
   // easier to keep this as number for Yup input validation
   swapFee: number
+  oceanAmount: number
 }
 
 export interface MetadataPublishForm {

src/components/organisms/AssetContent/Pricing/FormPricing/Dynamic.tsx

@@ -82,7 +82,7 @@ export default function Dynamic({
 
       <div className={styles.tokens}>
         <Coin
-          name="price"
+          name="oceanAmount"
           datatokenOptions={{ symbol: 'OCEAN', name: 'Ocean Token' }}
           weight={`${100 - Number(Number(weightOnDataToken) * 10)}%`}
         />

src/components/organisms/AssetContent/Pricing/FormPricing/index.tsx

@@ -23,7 +23,7 @@ export default function FormPricing({
 
   // Connect with form
   const { values, setFieldValue, submitForm } = useFormikContext()
-  const { price, weightOnDataToken, type } = values as PriceOptionsMarket
+  const { oceanAmount, weightOnDataToken, type } = values as PriceOptionsMarket
 
   // Switch type value upon tab change
   function handleTabChange(tabName: string) {
@@ -33,9 +33,9 @@ export default function FormPricing({
 
   // Always update everything when price value changes
   useEffect(() => {
-    const dtAmount = Number(price) * Number(weightOnDataToken)
+    const dtAmount = Number(oceanAmount) * Number(weightOnDataToken)
     setFieldValue('dtAmount', dtAmount)
-  }, [price, weightOnDataToken])
+  }, [oceanAmount, weightOnDataToken])
 
   const tabs = [
     {

src/models/FormPricing.ts

@@ -4,6 +4,9 @@ import * as Yup from 'yup'
 export const validationSchema = Yup.object().shape<PriceOptionsMarket>({
   price: Yup.number().min(1, 'Must be greater than 0').required('Required'),
   dtAmount: Yup.number().min(1, 'Must be greater than 0').required('Required'),
+  oceanAmount: Yup.number()
+    .min(1, 'Must be greater than 0')
+    .required('Required'),
   type: Yup.string()
     .matches(/fixed|dynamic/g)
     .required('Required'),
@@ -18,7 +21,8 @@ export const validationSchema = Yup.object().shape<PriceOptionsMarket>({
 export const initialValues: PriceOptionsMarket = {
   price: 1,
   type: 'dynamic',
-  dtAmount: 1,
+  dtAmount: 9,
+  oceanAmount: 1,
   weightOnDataToken: '9', // 90% on data token
   swapFee: 0.1 // in %
 }