From b8ee73056122865aa795dbb0ee7ad958616c7ab2 Mon Sep 17 00:00:00 2001
From: gala1234 <calero.vg@gmail.com>
Date: Thu, 31 Mar 2022 10:01:46 +0200
Subject: [PATCH] adding dummy urls on mainnet and some dropdown improvements

---
 common/network-defaults/src/mainnet.rs        |  6 +++
 .../src/components/ValidatorSelector.tsx      | 46 ++++++++++---------
 2 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/common/network-defaults/src/mainnet.rs b/common/network-defaults/src/mainnet.rs
index 87e9c1e562..337624f3aa 100644
--- a/common/network-defaults/src/mainnet.rs
+++ b/common/network-defaults/src/mainnet.rs
@@ -20,5 +20,11 @@ pub(crate) fn validators() -> Vec<ValidatorDetails> {
     vec![ValidatorDetails::new(
         "https://rpc.nyx.nodes.guru/",
         Some("https://api.nyx.nodes.guru/"),
+    ), ValidatorDetails::new(
+        "https://test2.nyx.nodes.guru/",
+        Some("https://test1.nyx.nodes.guru/"),
+    ), ValidatorDetails::new(
+        "https://test2.nyx.nodes.guru/",
+        Some("https://test1.nyx.nodes.guru/"),
     )]
 }
diff --git a/nym-wallet/src/components/ValidatorSelector.tsx b/nym-wallet/src/components/ValidatorSelector.tsx
index 38849ffb77..cbe184d24e 100644
--- a/nym-wallet/src/components/ValidatorSelector.tsx
+++ b/nym-wallet/src/components/ValidatorSelector.tsx
@@ -1,5 +1,5 @@
 import React, { useContext, useEffect, useState } from 'react';
-import { ListItemText, MenuItem, Select, SelectChangeEvent, Typography, useMediaQuery } from '@mui/material';
+import { FormControl, InputLabel, ListItemText, MenuItem, Select, SelectChangeEvent, Typography, useMediaQuery } from '@mui/material';
 import { useTheme } from '@mui/material/styles';
 import { ClientContext } from '../context/main';
 import { validatorUrls } from '../utils';
@@ -32,25 +32,29 @@ export const ValidatorSelector: React.FC<{ onChangeValidatorSelection: (validato
     }, [selectedValidator]);
 
     return (
-        <Select
-            labelId="validatorSelect_label"
-            id="validatorSelect"
-            sx={{
-                width: matches ? 'auto' : 300
-            }}
-            value={selectedValidator || 'choose validator url'}
-            onChange={(e: SelectChangeEvent) => {
-                setSelectedValidator(e.target.value as TValidatorUrl);
-            }}
-            renderValue={(value) => <Typography sx={{ textTransform: 'capitalize' }}>{value}</Typography>}
-        >
-            {
-                validators && validators.map((validator) => (
-                    <MenuItem value={validator} key={validator}>
-                        <ListItemText>{validator}</ListItemText>
-                    </MenuItem>
-                ))
-            }
-        </Select>
+        <FormControl fullWidth>
+            <InputLabel id="validatorSelect_label">Choose a Validator</InputLabel>
+            <Select
+                labelId="validatorSelect_label"
+                id="validatorSelect"
+                sx={{
+                    width: matches ? 'auto' : 300
+                }}
+                value={selectedValidator || ''}
+                label="Choose a Validator"
+                onChange={(e: SelectChangeEvent) => {
+                    setSelectedValidator(e.target.value as TValidatorUrl);
+                }}
+                renderValue={(value) => <Typography sx={{ textTransform: 'capitalize' }}>{value}</Typography>}
+            >
+                {
+                    validators && validators.map((validator) => (
+                        <MenuItem value={validator} key={validator}>
+                            <ListItemText>{validator}</ListItemText>
+                        </MenuItem>
+                    ))
+                }
+            </Select>
+        </FormControl>
     )
 };