Rifeljm/#622 walletconnect bypass readonly commands

packages/gui/src/components/settings/SettingsIntegration.tsx

@@ -1,3 +1,4 @@
+import { useLocalStorage, useGetLoggedInFingerprintQuery } from '@chia-network/api-react';
 import { Flex, MenuItem, SettingsHR, SettingsSection, SettingsTitle, SettingsText } from '@chia-network/core';
 import { t, Trans } from '@lingui/macro';
 import {
@@ -45,6 +46,9 @@ export default function SettingsIntegration() {
     useWalletConnectPairs();
 
   const pairs = get();
+  const { data: fingerprint } = useGetLoggedInFingerprintQuery();
+
+  const [bypassReadonlyCommands, setBypassReadonlyCommands] = useLocalStorage<any>('bypass-readonly-commands', {});
 
   const refreshBypassCommands = React.useCallback(() => {
     if (selectedPair.current) {
@@ -131,6 +135,9 @@ export default function SettingsIntegration() {
     }
   }, [topic, pairs, refreshBypassCommands]);
 
+  const readonlySkipValue =
+    bypassReadonlyCommands && topic && fingerprint ? bypassReadonlyCommands[topic][fingerprint] : false;
+
   return (
     <Grid container style={{ maxWidth: '624px' }} gap={3}>
       <Grid item>
@@ -334,6 +341,31 @@ export default function SettingsIntegration() {
                 </Box>
               )}
             </Flex>
+            <Box {...borderStyle}>
+              <Typography variant="h6">
+                <Trans>Skip Confirmation For All Readonly Commands</Trans>
+                <Grid item container xs marginTop="20px" marginRight="8px">
+                  <FormControl size="small">
+                    <Select
+                      value={readonlySkipValue}
+                      onChange={(evt: PointerEvent) => {
+                        setBypassReadonlyCommands((localBypassReadonlyCommands) => ({
+                          ...localBypassReadonlyCommands,
+                          [topic]: { [fingerprint]: evt.target.value },
+                        }));
+                      }}
+                    >
+                      <MenuItem value>
+                        <Trans>Always Skip</Trans>
+                      </MenuItem>
+                      <MenuItem value={false} onClick={() => {}}>
+                        <Trans>Require Confirmation</Trans>
+                      </MenuItem>
+                    </Select>
+                  </FormControl>
+                </Grid>
+              </Typography>
+            </Box>
 
             {topic && commands.length > 0 && (
               <>

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,8 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
   const { onClose = () => {}, open = false } = props;
 
   const [step, setStep] = useState<Step>(Step.CONNECT);
+  const [bypassReadonlyCommands, setBypassReadonlyCommands] = useLocalStorage<any>('bypass-readonly-commands', {});
+  const [bypassCheckbox, toggleBypassCheckbox] = useState(false);
   const { pair, isLoading: isLoadingWallet } = useWalletConnectContext();
   const { data: keys, isLoading: isLoadingPublicKeys } = useGetKeysQuery({});
   const [sortedWallets] = usePrefs('sortedWallets', []);
@@ -118,6 +120,13 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
     }
 
     const topic = await pair(uri, selectedFingerprints, mainnet);
+    if (bypassCheckbox) {
+      let skipReadOnlyObject = {};
+      selectedFingerprints.forEach((f: number) => {
+        skipReadOnlyObject = { ...skipReadOnlyObject, [f]: true };
+      });
+      setBypassReadonlyCommands({ ...bypassReadonlyCommands, [topic.toString()]: skipReadOnlyObject });
+    }
     onClose(topic);
   }
 
@@ -212,6 +221,23 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
     return null;
   }
 
+  function renderQuietModeOption() {
+    return (
+      <Flex
+        sx={{ cursor: 'pointer' }}
+        alignItems="center"
+        onClick={() => {
+          toggleBypassCheckbox(!bypassCheckbox);
+        }}
+      >
+        <Checkbox checked={bypassCheckbox} 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 +285,7 @@ export default function WalletConnectAddConnectionDialog(props: WalletConnectAdd
                     {renderSelectedAsPills()}
                   </Flex>
                   {renderKeysMultiSelect()}
+                  {renderQuietModeOption()}
                 </Flex>
               )}
             </Flex>

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<any>('bypass-readonly-commands', {});
+
   async function confirm(props: {
     topic: string;
     message: ReactNode;
@@ -139,8 +141,9 @@ export default function useWalletConnectCommand(options: UseWalletConnectCommand
 
     const { fingerprint } = requestedParams;
 
+    const pair = getPairBySession(topic);
+    const pairedTopic = pair?.topic!;
     if (command === 'showNotification') {
-      const pair = getPairBySession(topic);
       if (!pair) {
         throw new Error('Invalid session topic');
       }
@@ -172,24 +175,28 @@ 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 isReadOnlyEnabled = bypassReadonlyCommands?.[pairedTopic]?.[fingerprint];
+
+    const confirmed =
+      (isReadOnlyEnabled && definition.bypassConfirm) ||
+      (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}`);