Merge pull request #864 from curvefi/fix-deploy-gauge-network-selector-scroll

fix: deploy-gauge dropdown selector overflow

Author: OnlyJousting

apps/main/src/dex/components/PageDeployGauge/DeploySidechain.tsx

@@ -1,3 +1,4 @@
+import { Chain } from 'curve-ui-kit/src/utils/network'
 import { useEffect, useMemo } from 'react'
 import styled from 'styled-components'
 import DialogSelect from '@/dex/components/PageDeployGauge/components/DialogSelect'
@@ -72,7 +73,9 @@ const DeploySidechain = ({ chainId }: Props) => {
   const networksList = useMemo(
     () =>
       Object.keys(curveNetworks)
-        .filter((key) => key !== '1')
+        .filter(
+          (key) => +key !== Chain.Ethereum && !curveNetworks[+key].isTestnet && curveNetworks[+key].isCrvRewardsEnabled,
+        )
         .map((key) => curveNetworks[+key].name)
         .sort(),
     [curveNetworks],

apps/main/src/dex/components/PageDeployGauge/components/DialogSelectContent.tsx

@@ -38,6 +38,8 @@ const Wrapper = styled.div`
   margin: var(--spacing-2) auto 0 0;
   border-top: 1px solid var(--border-600);
   width: 100%;
+  max-height: 25rem;
+  overflow-y: scroll;
 `
 
 const StyledSelectButton = styled(Button)`

apps/main/src/dex/store/createDeployGaugeSlice.ts

@@ -12,6 +12,8 @@ type NetworkWithFactory = {
   chainId: ChainId
   name: string
   poolTypes: PoolTypes
+  isTestnet: boolean
+  isCrvRewardsEnabled: boolean
 }
 
 type NetworksWithFactory = {
@@ -97,6 +99,7 @@ const createDeployGaugeSlice = (set: SetState<State>, get: GetState<State>) => (
       const {
         networks: { networks },
       } = get()
+
       Object.entries(networks).forEach(([key, chain]) => {
         if (chain.hasFactory) {
           networksWithFactory[key] = {
@@ -109,6 +112,8 @@ const createDeployGaugeSlice = (set: SetState<State>, get: GetState<State>) => (
               twoCryptoNg: chain.twocryptoFactory,
               threeCrypto: chain.tricryptoFactory,
             },
+            isTestnet: chain.isTestnet,
+            isCrvRewardsEnabled: chain.isCrvRewardsEnabled,
           }
         }
       })