From 033a2799dbf22635fd75affc752182edc6d3167c Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Thu, 19 Jun 2025 16:12:18 +0530
Subject: [PATCH] feat: add shortcut for version history visibility with Ctrl +
 H

---
 app/src/components/ui/menu/menu.tsx              | 6 +++---
 app/src/utils/shortcutkeys/handleShortcutKeys.ts | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/src/components/ui/menu/menu.tsx b/app/src/components/ui/menu/menu.tsx
index 3f6dac5..00f4599 100644
--- a/app/src/components/ui/menu/menu.tsx
+++ b/app/src/components/ui/menu/menu.tsx
@@ -6,7 +6,6 @@ import useVersionHistoryVisibleStore, {
   useShortcutStore,
 } from "../../../store/builder/store";
 import useModuleStore, { useSubModuleStore } from "../../../store/useModuleStore";
-import { getUserData } from "../../../functions/getUserData";
 import { useVersionHistoryStore } from "../../../store/builder/useVersionHistoryStore";
 
 interface MenuBarProps {
@@ -22,7 +21,6 @@ interface MenuItem {
 }
 
 const MenuBar: React.FC<MenuBarProps> = ({ setOpenMenu }) => {
-  const { userName } = getUserData();
 
   const navigate = useNavigate();
   const [activeMenu, setActiveMenu] = useState<string | null>(null);
@@ -227,7 +225,9 @@ const MenuBar: React.FC<MenuBarProps> = ({ setOpenMenu }) => {
             setActiveModule('builder');
           }}
         >
-          <div className="menu-button">Version history</div>
+          <div className="menu-button">
+            Version history <div className="value">Ctrl + H</div>
+          </div>
         </button>
 
         {/* Theme */}
diff --git a/app/src/utils/shortcutkeys/handleShortcutKeys.ts b/app/src/utils/shortcutkeys/handleShortcutKeys.ts
index 5a4f924..e1bda6f 100644
--- a/app/src/utils/shortcutkeys/handleShortcutKeys.ts
+++ b/app/src/utils/shortcutkeys/handleShortcutKeys.ts
@@ -161,6 +161,14 @@ const KeyPressListener: React.FC = () => {
         setActiveModule('builder');
         break;
 
+      case "Ctrl+H":
+        if (!isPlaying) {
+          setVersionHistoryVisible(true);
+          setSubModule("properties");
+          setActiveModule('builder');
+        }
+        break;
+
       default:
         break;
     }