Added "quiet mode" option when creating a WalletConnect pairing

Chia-Network · Aug 28, 2023 · 7fe7391 · 7fe7391
1 parent 5b56604
commit 7fe7391
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 20 deletions.
diff --git a/packages/gui/src/components/walletConnect/WalletConnectAddConnectionDialog.tsx b/packages/gui/src/components/walletConnect/WalletConnectAddConnectionDialog.tsx
@@ -1,4 +1,4 @@
-import { useGetKeysQuery, useGetLoggedInFingerprintQuery, usePrefs } from '@chia-network/api-react';
+import { useGetKeysQuery, useGetLoggedInFingerprintQuery, usePrefs, useLocalStorage } from '@chia-network/api-react';
 import {
   ButtonLoading,
   DialogActions,
@@ -51,6 +51,7 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
   const { onClose = () => {}, open = false } = props;
 
   const [step, setStep] = useState<Step>(Step.CONNECT);
+  const [bypassReadonlyCommands, toggleBypassReadonlyCommands] = useLocalStorage('bypass-readonly-commands', false);
   const { pair, isLoading: isLoadingWallet } = useWalletConnectContext();
   const { data: keys, isLoading: isLoadingPublicKeys } = useGetKeysQuery({});
   const [sortedWallets] = usePrefs('sortedWallets', []);
@@ -212,6 +213,23 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
     return null;
   }
 
+  function renderQuietModeOption() {
+    return (
+      <Flex
+        sx={{ cursor: 'pointer' }}
+        alignItems="center"
+        onClick={() => {
+          toggleBypassReadonlyCommands(!bypassReadonlyCommands);
+        }}
+      >
+        <Checkbox checked={bypassReadonlyCommands} disableRipple sx={{ paddingLeft: 0 }} />
+        <Typography variant="body2">
+          <Trans>Bypass confirmation for all read-only commands</Trans>
+        </Typography>
+      </Flex>
+    );
+  }
+
   return (
     <Dialog onClose={handleClose} maxWidth="xs" open={open} fullWidth>
       <DialogTitle>
@@ -259,6 +277,7 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
                     {renderSelectedAsPills()}
                   </Flex>
                   {renderKeysMultiSelect()}
+                  {renderQuietModeOption()}
                 </Flex>
               )}
             </Flex>

diff --git a/packages/gui/src/hooks/useWalletConnectCommand.tsx b/packages/gui/src/hooks/useWalletConnectCommand.tsx
@@ -1,4 +1,4 @@
-import api, { store, useGetLoggedInFingerprintQuery } from '@chia-network/api-react';
+import api, { store, useGetLoggedInFingerprintQuery, useLocalStorage } from '@chia-network/api-react';
 import { useOpenDialog, useAuth } from '@chia-network/core';
 import { Trans } from '@lingui/macro';
 import debug from 'debug';
@@ -80,6 +80,8 @@ export default function useWalletConnectCommand(options: UseWalletConnectCommand
 
   const isLoading = isLoadingLoggedInFingerprint;
 
+  const [bypassReadonlyCommands] = useLocalStorage('bypass-readonly-commands', false);
+
   async function confirm(props: {
     topic: string;
     message: ReactNode;
@@ -172,24 +174,31 @@ export default function useWalletConnectCommand(options: UseWalletConnectCommand
       values = newValues;
     }
 
-    const confirmed = await confirm({
-      topic,
-      message:
-        !allFingerprints && isDifferentFingerprint ? (
-          <Trans>
-            Do you want to log in to {fingerprint} and execute command {command}?
-          </Trans>
-        ) : (
-          <Trans>Do you want to execute command {command}?</Trans>
-        ),
-      params: definitionParams,
-      values,
-      fingerprint,
-      isDifferentFingerprint,
-      command,
-      bypassConfirm,
-      onChange: handleChangeParam,
-    });
+    const isReadOnly =
+      ['spend', 'cancel', 'create', 'transfer', 'send', 'take', 'add', 'set'].filter(
+        (startsWith: string) => command.indexOf(startsWith) === 0
+      ).length === 0;
+
+    const confirmed =
+      (bypassReadonlyCommands && isReadOnly) ||
+      (await confirm({
+        topic,
+        message:
+          !allFingerprints && isDifferentFingerprint ? (
+            <Trans>
+              Do you want to log in to {fingerprint} and execute command {command}?
+            </Trans>
+          ) : (
+            <Trans>Do you want to execute command {command}?</Trans>
+          ),
+        params: definitionParams,
+        values,
+        fingerprint,
+        isDifferentFingerprint,
+        command,
+        bypassConfirm,
+        onChange: handleChangeParam,
+      }));
 
     if (!confirmed) {
       throw new Error(`User cancelled command ${requestedCommand}`);