updated

app/src/components/footer/Footer.tsx

@@ -8,15 +8,22 @@ import {
   CurserRightIcon,
 } from "../icons/LogIcons";
 import ShortcutHelper from "./shortcutHelper";
-import { useShortcutStore } from "../../store/builder/store";
+import useVersionHistoryVisibleStore, { useShortcutStore } from "../../store/builder/store";
 import { usePlayButtonStore } from "../../store/usePlayButtonStore";
+import useModuleStore, { useSubModuleStore } from "../../store/useModuleStore";
+import { useVersionContext } from "../../modules/builder/version/versionContext";
 
 const Footer: React.FC = () => {
   const { logs, setIsLogListVisible } = useLogger();
   const lastLog = logs.length > 0 ? logs[logs.length - 1] : null;
 
+  const { setActiveModule } = useModuleStore();
+  const { setSubModule } = useSubModuleStore();
+  const { setVersionHistoryVisible } = useVersionHistoryVisibleStore();
   const { isPlaying } = usePlayButtonStore();
   const { showShortcuts, setShowShortcuts } = useShortcutStore();
+  const { selectedVersionStore } = useVersionContext();
+  const { selectedVersion } = selectedVersionStore();
 
   return (
     <div className="footer-container">
@@ -61,8 +68,12 @@ const Footer: React.FC = () => {
               )}
             </button>
           </div>
-          <div className="version">
-            V 0.01
+          <div className="version" onClick={() => {
+            setVersionHistoryVisible(true);
+            setSubModule("properties");
+            setActiveModule('builder');
+          }}>
+            {(selectedVersion?.version) ?? 'v 0.0.0'}
             <div className="icon">
               <HelpIcon />
             </div>
@@ -72,11 +83,10 @@ const Footer: React.FC = () => {
 
       {!isPlaying && (
         <div
-          className={`shortcut-helper-overlay ${
-            showShortcuts ? "visible" : ""
-          }`}
+          className={`shortcut-helper-overlay ${showShortcuts ? "visible" : ""
+            }`}
         >
-          <ShortcutHelper setShowShortcuts={setShowShortcuts}/>
+          <ShortcutHelper setShowShortcuts={setShowShortcuts} />
         </div>
       )}
     </div>