From 708d254739e4815f796f520328cabb5a44bb2689 Mon Sep 17 00:00:00 2001
From: Call Delegation <106365423+calldelegation@users.noreply.github.com>
Date: Tue, 8 Oct 2024 11:38:55 -0600
Subject: [PATCH] review

---
 src/components/VersionDropdown.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/VersionDropdown.tsx b/src/components/VersionDropdown.tsx
index 2c60744ba..7f9fb2962 100644
--- a/src/components/VersionDropdown.tsx
+++ b/src/components/VersionDropdown.tsx
@@ -14,7 +14,7 @@ export default function VersionDropdown({
 }) {
   const [opened, setOpened] = useState(false);
   const [activeVersion, setActiveVersion] = useState<
-    typeof FUEL_TESTNET_UPPER_CASE | 'Nightly'
+    typeof FUEL_TESTNET_UPPER_CASE | typeof FUEL_TESTNET | 'Nightly'
   >(versionSet === 'default' ? FUEL_TESTNET_UPPER_CASE : 'Nightly');
   const router = useRouter();
   const setVersion = useSetVersion();
@@ -35,13 +35,13 @@ export default function VersionDropdown({
   return (
     <Dropdown isOpen={opened} onOpenChange={setOpened}>
       <Dropdown.Trigger
-        intent='base'
-        variant='outlined'
+        intent="base"
+        variant="outlined"
         css={
           opened ? { ...styles.trigger, ...styles.triggerOpen } : styles.trigger
         }
       >
-        Version: {activeVersion}
+        Version: {activeVersion === FUEL_TESTNET_UPPER_CASE || activeVersion === FUEL_TESTNET ? 'Stable' : activeVersion}
       </Dropdown.Trigger>
       <Dropdown.Menu
         disabledKeys={versionSet === 'default' ? [FUEL_TESTNET] : [versionSet]}
@@ -74,17 +74,17 @@ export default function VersionDropdown({
           key={FUEL_TESTNET}
           aria-label={FUEL_TESTNET}
         >
-          <Text>{FUEL_TESTNET_UPPER_CASE}</Text>
-          {versionSet === 'default' && <Icon icon='Check' color='accent11' />}
+          <Text>Stable</Text> {/* Display 'Stable' instead of raw version */}
+          {versionSet === 'default' && <Icon icon="Check" color="accent11" />}
         </Dropdown.MenuItem>
 
         <Dropdown.MenuItem
           css={styles.menuItem}
-          key='nightly'
-          aria-label='nightly'
+          key="nightly"
+          aria-label="nightly"
         >
           <Text>Nightly</Text>
-          {versionSet === 'nightly' && <Icon icon='Check' color='accent11' />}
+          {versionSet === 'nightly' && <Icon icon="Check" color="accent11" />}
         </Dropdown.MenuItem>
       </Dropdown.Menu>
     </Dropdown>