From fd7d6e322b62783e0c90d6451c16a01d0c3361f1 Mon Sep 17 00:00:00 2001
From: yougotwill <willmgrant@gmail.com>
Date: Fri, 2 Aug 2024 15:30:18 +1000
Subject: [PATCH] fix: recovery qr toggle shortcut

---
 .../settings/section/CategoryRecoveryPassword.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/ts/components/settings/section/CategoryRecoveryPassword.tsx b/ts/components/settings/section/CategoryRecoveryPassword.tsx
index d9abcb06d..c3f9f06e4 100644
--- a/ts/components/settings/section/CategoryRecoveryPassword.tsx
+++ b/ts/components/settings/section/CategoryRecoveryPassword.tsx
@@ -1,6 +1,6 @@
 import { isEmpty } from 'lodash';
 import { useState } from 'react';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import useMount from 'react-use/lib/useMount';
 import styled from 'styled-components';
 import { useIconToImageURL } from '../../../hooks/useIconToImageURL';
@@ -24,6 +24,8 @@ import { SpacerMD, SpacerSM } from '../../basic/Text';
 import { CopyToClipboardIcon } from '../../buttons/CopyToClipboardButton';
 import { SessionIconButton } from '../../icon';
 import { SessionSettingButtonItem, SessionSettingsItemWrapper } from '../SessionSettingListItem';
+import { useHotkey } from '../../../hooks/useHotkey';
+import { getIsModalVisble } from '../../../state/selectors/modal';
 
 const StyledSettingsItemContainer = styled.div`
   p {
@@ -62,6 +64,7 @@ export const SettingsCategoryRecoveryPassword = () => {
   const [isQRVisible, setIsQRVisible] = useState(false);
 
   const hideRecoveryPassword = useHideRecoveryPasswordEnabled();
+  const isModalVisible = useSelector(getIsModalVisble);
 
   const isDarkTheme = useIsDarkTheme();
   const { dataURL, iconSize, iconColor, backgroundColor, loading } = useIconToImageURL(qrLogoProps);
@@ -90,6 +93,16 @@ export const SettingsCategoryRecoveryPassword = () => {
     }
   });
 
+  useHotkey(
+    'v',
+    () => {
+      if (!isModalVisible) {
+        setIsQRVisible(!isQRVisible);
+      }
+    },
+    (hasPassword && !passwordValid) || loadingSeed || hideRecoveryPassword
+  );
+
   if ((hasPassword && !passwordValid) || loadingSeed || hideRecoveryPassword) {
     return null;
   }