Cleans up several screens in governance and token locking (#918)

* removes the IOT/MOBILE/HNT network bar in governance pages, proxy pages, etc. You can't get there any more directly.
* removes it also in the assign proxy screen

Author: abhay

src/features/governance/AssignProxyScreen.tsx

@@ -2,14 +2,10 @@ import BackScreen from '@components/BackScreen'
 import Box from '@components/Box'
 import ButtonPressable from '@components/ButtonPressable'
 import CircleLoader from '@components/CircleLoader'
-import { Select } from '@components/Select'
 import Text from '@components/Text'
 import {
   batchInstructionsToTxsWithPriorityFee,
   bulkSendTransactions,
-  HNT_MINT,
-  IOT_MINT,
-  MOBILE_MINT,
   populateMissingDraftInfo,
   toVersionedTx,
   truthy,
@@ -50,14 +46,7 @@ export const AssignProxyScreen = () => {
   const { wallet, position } = route.params
   const { t } = useTranslation()
   const [proxyWallet, setProxyWallet] = useState(wallet)
-  const { loading, positions, refetch, mint } = useGovernance()
-  const networks = useMemo(() => {
-    return [
-      { label: 'HNT', value: HNT_MINT.toBase58() },
-      { label: 'MOBILE', value: MOBILE_MINT.toBase58() },
-      { label: 'IOT', value: IOT_MINT.toBase58() },
-    ]
-  }, [])
+  const { loading, positions, refetch } = useGovernance()
 
   const unproxiedPositions = useMemo(
     () =>
@@ -240,20 +229,6 @@ export const AssignProxyScreen = () => {
           />
         </Box>
 
-        {/* Don't show network when position already defined */}
-        {position ? null : (
-          <Box mb="m">
-            <Text variant="body3" color="secondaryText" mb="xs">
-              {t('gov.assignProxy.selectNetwork')}
-            </Text>
-            <Select
-              title={t('gov.assignProxy.selectNetwork')}
-              value={mint.toBase58()}
-              onValueChange={(pk) => navigation.setParams({ mint: pk })}
-              options={networks}
-            />
-          </Box>
-        )}
         <Box flexDirection="row" justifyContent="space-between">
           <Text variant="body1" color="white" opacity={0.5}>
             {t('gov.assignProxy.assignPositions')}

src/features/governance/GovernanceWrapper.tsx

@@ -20,7 +20,6 @@ import {
   GovernanceStackParamList,
 } from './governanceTypes'
 import { useSetTab } from './useSetTab'
-import { NetworkTabs } from './NetworkTabs'
 
 const icons: { [key: string]: React.ReactElement } = {
   proposals: <Flag width={16} height={16} color="white" />,
@@ -92,9 +91,6 @@ export const GovernanceWrapper: React.FC<
           <Text marginTop="m" alignSelf="center" variant="h4">
             {t('gov.title')}
           </Text>
-          <Box mt="xl" mb="l">
-            <NetworkTabs />
-          </Box>
           {loading ? (
             <Box paddingHorizontal="m" mt="xxl" flexDirection="column" flex={1}>
               <CircleLoader loaderSize={24} color="white" />

src/features/governance/NetworkTabs.tsx

@@ -269,21 +269,21 @@ export const PositionsScreen = () => {
           </Box>
         )}
         <Box flexDirection="row" padding="m">
-          <ButtonPressable
-            flex={1}
-            fontSize={16}
-            borderRadius="round"
-            borderWidth={2}
-            borderColor="white"
-            backgroundColorOpacityPressed={0.7}
-            title={t('gov.transactions.lockTokens')}
-            titleColor="white"
-            titleColorPressed="black"
-            onPress={() => setIsLockModalOpen(true)}
-            disabled={claimingAllRewards || loading || !mint.equals(HNT_MINT)}
-          />
           {HNT_MINT.equals(mint) && (
             <>
+              <ButtonPressable
+                flex={1}
+                fontSize={16}
+                borderRadius="round"
+                borderWidth={2}
+                borderColor="white"
+                backgroundColorOpacityPressed={0.7}
+                title={t('gov.transactions.lockTokens')}
+                titleColor="white"
+                titleColorPressed="black"
+                onPress={() => setIsLockModalOpen(true)}
+                disabled={claimingAllRewards || loading}
+              />
               <Box paddingHorizontal="s" />
               <ButtonPressable
                 flex={1}

src/features/governance/PositionsScreen.tsx

@@ -18,7 +18,6 @@ import BN from 'bn.js'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Image } from 'react-native'
-import { NetworkTabs } from './NetworkTabs'
 import { VoteHistory } from './VoteHistory'
 import { ProxyCardStat } from './ProxyCardStat'
 import {
@@ -286,10 +285,6 @@ export const ProxyScreen = () => {
                 borderBottomColor="dividerGrey"
                 borderBottomWidth={1}
               />
-
-              <Box mb="m">
-                <NetworkTabs />
-              </Box>
             </>
           }
         />

src/features/governance/ProxyScreen.tsx

@@ -2,14 +2,10 @@ import BackScreen from '@components/BackScreen'
 import Box from '@components/Box'
 import ButtonPressable from '@components/ButtonPressable'
 import CircleLoader from '@components/CircleLoader'
-import { Select } from '@components/Select'
 import Text from '@components/Text'
 import {
   batchInstructionsToTxsWithPriorityFee,
   bulkSendTransactions,
-  HNT_MINT,
-  IOT_MINT,
-  MOBILE_MINT,
   populateMissingDraftInfo,
   toVersionedTx,
   truthy,
@@ -51,14 +47,7 @@ export const RevokeProxyScreen = () => {
   const [proxyWallet, setProxyWallet] = useState(wallet)
   const proxyWalletKey = usePublicKey(proxyWallet)
   const positionKey = usePublicKey(position)
-  const { loading, positions, refetch, mint } = useGovernance()
-  const networks = useMemo(() => {
-    return [
-      { label: 'HNT', value: HNT_MINT.toBase58() },
-      { label: 'MOBILE', value: MOBILE_MINT.toBase58() },
-      { label: 'IOT', value: IOT_MINT.toBase58() },
-    ]
-  }, [])
+  const { loading, positions, refetch } = useGovernance()
 
   const proxiedPositions = useMemo(
     () =>
@@ -212,20 +201,6 @@ export const RevokeProxyScreen = () => {
           />
         </Box>
 
-        {/* Don't show network when position already defined */}
-        {position ? null : (
-          <Box mb="m">
-            <Text variant="body3" color="secondaryText" mb="xs">
-              {t('gov.assignProxy.selectNetwork')}
-            </Text>
-            <Select
-              title={t('gov.assignProxy.selectNetwork')}
-              value={mint.toBase58()}
-              onValueChange={(m: string) => navigation.setParams({ mint: m })}
-              options={networks}
-            />
-          </Box>
-        )}
         <Box flexDirection="row" justifyContent="space-between">
           <Text variant="body1" color="white" opacity={0.5}>
             {t('gov.revokeProxy.revokePositions')}

src/features/governance/RevokeProxyScreen.tsx

@@ -1343,7 +1343,6 @@ export default {
       description:
         "Select the proxy to assign as your position's votes. Once assigned, they can cast a vote on your behalf and/or assign it to others.",
       searchPlaceholder: 'Select Proxy or Paste Wallet Address',
-      selectNetwork: 'Select Network',
       assignPositions: 'Assign Positions',
       selectAll: 'Select All',
       deSelectAll: 'Deselect All',