make all pricing forms work again, retain data between tabs

src/components/@shared/Form/FormFields/Datatoken/index.tsx

@@ -15,8 +15,10 @@ export default function Datatoken(props: InputProps): ReactElement {
 
   // Generate new DT name & symbol on first mount
   useEffect(() => {
+    if (field.value.name !== '') return
+
     generateName()
-  }, [])
+  }, [field.value.name])
 
   return (
     <div className={styles.datatoken}>

src/components/Publish/FormPublish/Pricing/Coin.tsx

@@ -18,7 +18,7 @@ export default function Coin({
   weight: string
   readOnly?: boolean
 }): ReactElement {
-  const [field, meta] = useField(name)
+  const [field, meta] = useField(`pricing.${name}`)
 
   return (
     <div className={styles.coin}>

src/components/Publish/FormPublish/Pricing/Fees.tsx

@@ -36,7 +36,7 @@ export default function Fees({
   tooltips: { [key: string]: string }
   pricingType: 'dynamic' | 'fixed'
 }): ReactElement {
-  const [field, meta] = useField('swapFee')
+  const [field, meta] = useField('pricing.swapFee')
 
   return (
     <>

src/components/Publish/FormPublish/Pricing/Price.tsx

@@ -14,7 +14,7 @@ export default function Price({
   firstPrice?: string
   free?: boolean
 }): ReactElement {
-  const [field, meta] = useField('price')
+  const [field, meta] = useField('pricing.price')
 
   const { values } = useFormikContext<FormPublishData>()
   const { dataTokenOptions } = values.services[0]

src/components/Publish/FormPublish/Pricing/index.tsx

@@ -19,6 +19,8 @@ export default function PricingFields(): ReactElement {
   const { pricing } = values
   const { price, oceanAmount, weightOnOcean, weightOnDataToken, type } = pricing
 
+  console.log(pricing)
+
   // Switch type value upon tab change
   function handleTabChange(tabName: string) {
     const type = tabName.toLowerCase()