[@tools-website] Disable button when 'mainnet' is selected in faucet (#…

…1039)

* fix: disable button when mainnet is selected in faucet

* chore: changeset file

* chore: run formatter

* chore: change naming of vars

* chore: apply changes on fund new accounts page

.changeset/funny-boxes-live.md

@@ -0,0 +1,2 @@
+---
+---

packages/apps/tools/src/pages/faucet/existing/index.tsx

@@ -120,7 +120,9 @@ const ExistingAccountFaucetPage: FC = () => {
     [chainID, t],
   );
 
-  const showNotification = selectedNetwork !== 'testnet04';
+  const mainnetSelected: boolean = selectedNetwork === 'mainnet01';
+  const disabledButton: boolean =
+    requestStatus.status === 'processing' || mainnetSelected;
 
   const {
     register,
@@ -136,7 +138,7 @@ const ExistingAccountFaucetPage: FC = () => {
       </Breadcrumbs.Root>
       <Heading as="h4">{t('Add Funds to Existing Account')}</Heading>
       <div className={notificationContainerStyle}>
-        {showNotification ? (
+        {mainnetSelected ? (
           <Notification.Root
             color="warning"
             expanded={true}
@@ -180,7 +182,7 @@ const ExistingAccountFaucetPage: FC = () => {
             icon="TrailingIcon"
             iconAlign="right"
             title={t('Fund X Coins', { amount: AMOUNT_OF_COINS_FUNDED })}
-            disabled={requestStatus.status === 'processing'}
+            disabled={disabledButton}
           >
             {t('Fund X Coins', { amount: AMOUNT_OF_COINS_FUNDED })}
           </Button>

packages/apps/tools/src/pages/faucet/new/index.tsx

@@ -171,9 +171,9 @@ const NewAccountFaucetPage: FC = () => {
     [chainID, pred, pubKeys, t],
   );
 
-  const testnetNotSelected: boolean = selectedNetwork !== 'testnet04';
+  const mainnetSelected: boolean = selectedNetwork === 'mainnet01';
   const disabledButton: boolean =
-    requestStatus.status === 'processing' || testnetNotSelected;
+    requestStatus.status === 'processing' || mainnetSelected;
 
   const addPublicKey = (
     e: React.MouseEvent<HTMLButtonElement>,
@@ -243,7 +243,7 @@ const NewAccountFaucetPage: FC = () => {
       </Breadcrumbs.Root>{' '}
       <Heading as="h4">{t('Create and Fund New Account')}</Heading>
       <div className={notificationContainerStyle}>
-        {testnetNotSelected ? (
+        {mainnetSelected ? (
           <Notification.Root
             color="warning"
             expanded={true}