Update set default fee by poolCategory

Author: neikop

apps/kyberswap-interface/src/components/FeeTierControl/index.tsx

@@ -1,5 +1,5 @@
 import { rgba } from 'polished'
-import React from 'react'
+import React, { useEffect } from 'react'
 import styled, { css } from 'styled-components'
 
 import CustomFeeTierInput from './CustomFeeTierInput'
@@ -64,6 +64,10 @@ type Props = {
 const FeeTierControl: React.FC<Props> = ({ value, onChange, options = DEFAULT_FEE_OPTIONS, disabled, className }) => {
   const [isCustom, setIsCustom] = React.useState(false)
 
+  useEffect(() => {
+    setIsCustom(false)
+  }, [options])
+
   return (
     <Container className={className}>
       {options.map(option => (

apps/kyberswap-interface/src/components/ZapCreatePool/CreatePositionModal.tsx

@@ -193,22 +193,12 @@ const CreatePositionModal = ({ isOpen, onDismiss, onSubmit }: Props) => {
 
   const feeOptions = useMemo(() => {
     const preset = CATEGORY_FEE_PRESETS[poolCategory]
-    if (preset) {
-      return preset.options
-    }
-    return undefined
+    return preset?.options
   }, [poolCategory])
 
   useEffect(() => {
     const preset = CATEGORY_FEE_PRESETS[poolCategory]
-    if (preset) {
-      setFee(currentFee => {
-        if (preset.options.some(option => option === currentFee)) {
-          return currentFee
-        }
-        return preset.defaultFee
-      })
-    }
+    if (preset) setFee(preset.defaultFee)
   }, [poolCategory])
 
   return (