From 69a7f28d71c428ff04038bec84a026f96fade169 Mon Sep 17 00:00:00 2001 From: Vishnu Date: Wed, 21 May 2025 17:42:40 +0530 Subject: [PATCH] refactor: update import statements for useToggleStore to named import --- app/src/components/layout/sidebarLeft/Header.tsx | 2 +- .../components/layout/sidebarLeft/SideBarLeft.tsx | 2 +- app/src/components/layout/sidebarRight/Header.tsx | 2 +- .../components/layout/sidebarRight/SideBarRight.tsx | 2 +- .../layout/sidebarRight/simulation/Simulations.tsx | 2 +- app/src/components/ui/ModuleToggle.tsx | 2 +- app/src/components/ui/Tools.tsx | 2 +- app/src/pages/Project.tsx | 2 +- app/src/store/useUIToggleStore.ts | 13 +++++++++++-- app/src/utils/shortcutkeys/handleShortcutKeys.ts | 10 +++++++++- 10 files changed, 28 insertions(+), 11 deletions(-) diff --git a/app/src/components/layout/sidebarLeft/Header.tsx b/app/src/components/layout/sidebarLeft/Header.tsx index 45df499..c2c1bff 100644 --- a/app/src/components/layout/sidebarLeft/Header.tsx +++ b/app/src/components/layout/sidebarLeft/Header.tsx @@ -2,7 +2,7 @@ import React from "react"; import { ToggleSidebarIcon } from "../../icons/HeaderIcons"; import { LogoIcon } from "../../icons/Logo"; import FileMenu from "../../ui/FileMenu"; -import useToggleStore from "../../../store/useUIToggleStore"; +import {useToggleStore} from "../../../store/useUIToggleStore"; import useModuleStore from "../../../store/useModuleStore"; const Header: React.FC = () => { diff --git a/app/src/components/layout/sidebarLeft/SideBarLeft.tsx b/app/src/components/layout/sidebarLeft/SideBarLeft.tsx index e50c76e..4a15466 100644 --- a/app/src/components/layout/sidebarLeft/SideBarLeft.tsx +++ b/app/src/components/layout/sidebarLeft/SideBarLeft.tsx @@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react"; import ToggleHeader from "../../ui/inputs/ToggleHeader"; import Outline from "./Outline"; import Header from "./Header"; -import useToggleStore from "../../../store/useUIToggleStore"; +import {useToggleStore} from "../../../store/useUIToggleStore"; import Assets from "./Assets"; import useModuleStore from "../../../store/useModuleStore"; import Widgets from "./visualization/widgets/Widgets"; diff --git a/app/src/components/layout/sidebarRight/Header.tsx b/app/src/components/layout/sidebarRight/Header.tsx index 2673671..c806074 100644 --- a/app/src/components/layout/sidebarRight/Header.tsx +++ b/app/src/components/layout/sidebarRight/Header.tsx @@ -5,7 +5,7 @@ import { ActiveUser } from "../../../types/users"; import CollaborationPopup from "../../templates/CollaborationPopup"; import { getAvatarColor } from "../../../modules/collaboration/functions/getAvatarColor"; import { useSelectedUserStore } from "../../../store/useCollabStore"; -import useToggleStore from "../../../store/useUIToggleStore"; +import {useToggleStore} from "../../../store/useUIToggleStore"; import { ToggleSidebarIcon } from "../../icons/HeaderIcons"; import useModuleStore from "../../../store/useModuleStore"; diff --git a/app/src/components/layout/sidebarRight/SideBarRight.tsx b/app/src/components/layout/sidebarRight/SideBarRight.tsx index a5d4629..9ad3606 100644 --- a/app/src/components/layout/sidebarRight/SideBarRight.tsx +++ b/app/src/components/layout/sidebarRight/SideBarRight.tsx @@ -9,7 +9,7 @@ import { PropertiesIcon, SimulationIcon, } from "../../icons/SimulationIcons"; -import useToggleStore from "../../../store/useUIToggleStore"; +import {useToggleStore} from "../../../store/useUIToggleStore"; import Visualization from "./visualization/Visualization"; import Analysis from "./analysis/Analysis"; import Simulations from "./simulation/Simulations"; diff --git a/app/src/components/layout/sidebarRight/simulation/Simulations.tsx b/app/src/components/layout/sidebarRight/simulation/Simulations.tsx index f64a419..8464106 100644 --- a/app/src/components/layout/sidebarRight/simulation/Simulations.tsx +++ b/app/src/components/layout/sidebarRight/simulation/Simulations.tsx @@ -28,7 +28,7 @@ import { useSaveVersion, } from "../../../../store/builder/store"; import CompareLayOut from "../../../ui/compareVersion/CompareLayOut"; -import useToggleStore from "../../../../store/useUIToggleStore"; +import {useToggleStore} from "../../../../store/useUIToggleStore"; interface Event { modelName: string; diff --git a/app/src/components/ui/ModuleToggle.tsx b/app/src/components/ui/ModuleToggle.tsx index 456cfec..070e143 100644 --- a/app/src/components/ui/ModuleToggle.tsx +++ b/app/src/components/ui/ModuleToggle.tsx @@ -6,7 +6,7 @@ import { SimulationIcon, VisualizationIcon, } from "../icons/ExportModuleIcons"; -import useToggleStore from "../../store/useUIToggleStore"; +import {useToggleStore} from "../../store/useUIToggleStore"; import useVersionHistoryStore from "../../store/builder/store"; const ModuleToggle: React.FC = () => { diff --git a/app/src/components/ui/Tools.tsx b/app/src/components/ui/Tools.tsx index bb99cc8..fcc40b8 100644 --- a/app/src/components/ui/Tools.tsx +++ b/app/src/components/ui/Tools.tsx @@ -32,7 +32,7 @@ import { useActiveSubTool, useShortcutStore, } from "../../store/builder/store"; -import useToggleStore from "../../store/useUIToggleStore"; +import {useToggleStore} from "../../store/useUIToggleStore"; import { use3DWidget, useFloatingWidget, diff --git a/app/src/pages/Project.tsx b/app/src/pages/Project.tsx index 8419e13..d40a831 100644 --- a/app/src/pages/Project.tsx +++ b/app/src/pages/Project.tsx @@ -34,7 +34,7 @@ import Footer from "../components/footer/Footer"; import SelectFloorPlan from "../components/temporary/SelectFloorPlan"; import ControlsPlayer from "../components/layout/controls/ControlsPlayer"; import CompareLayOut from "../components/ui/compareVersion/CompareLayOut"; -import useToggleStore from "../store/useUIToggleStore"; +import {useToggleStore} from "../store/useUIToggleStore"; import RegularDropDown from "../components/ui/inputs/RegularDropDown"; import VersionSaved from "../components/layout/sidebarRight/versionHisory/VersionSaved"; import SimulationPlayer from "../components/ui/simulation/simulationPlayer"; diff --git a/app/src/store/useUIToggleStore.ts b/app/src/store/useUIToggleStore.ts index 9f5f583..1afef0e 100644 --- a/app/src/store/useUIToggleStore.ts +++ b/app/src/store/useUIToggleStore.ts @@ -6,7 +6,7 @@ interface ToggleState { setToggleUI: (value1: boolean, value2: boolean) => void; } -const useToggleStore = create((set) => ({ +export const useToggleStore = create((set) => ({ toggleUILeft: true, toggleUIRight: false, setToggleUI: (value1: boolean, value2: boolean) => { @@ -14,4 +14,13 @@ const useToggleStore = create((set) => ({ }, })); -export default useToggleStore; +interface PlayerState { + hidePlayer: boolean; + setHidePlayer: (hide: boolean) => void; +} + +// Create the Zustand store +export const usePlayerStore = create((set) => ({ + hidePlayer: false, // initial state + setHidePlayer: (hide) => set({ hidePlayer: hide }), // state updater +})); diff --git a/app/src/utils/shortcutkeys/handleShortcutKeys.ts b/app/src/utils/shortcutkeys/handleShortcutKeys.ts index df27712..860519b 100644 --- a/app/src/utils/shortcutkeys/handleShortcutKeys.ts +++ b/app/src/utils/shortcutkeys/handleShortcutKeys.ts @@ -1,6 +1,6 @@ import React, { useEffect } from "react"; import useModuleStore, { useThreeDStore } from "../../store/useModuleStore"; -import useToggleStore from "../../store/useUIToggleStore"; +import {useToggleStore} from "../../store/useUIToggleStore"; import { useActiveSubTool, useActiveTool, @@ -17,6 +17,7 @@ import useCameraModeStore, { } from "../../store/usePlayButtonStore"; import { detectModifierKeys } from "./detectModifierKeys"; import { useSelectedZoneStore } from "../../store/visualization/useZoneStore"; +import { useLogger } from "../../components/ui/log/LoggerContext"; const KeyPressListener: React.FC = () => { const { activeModule, setActiveModule } = useModuleStore(); @@ -34,6 +35,8 @@ const KeyPressListener: React.FC = () => { const { showShortcuts, setShowShortcuts } = useShortcutStore(); const { setWalkMode } = useCameraModeStore(); const { setIsVersionSaved } = useSaveVersion(); + const { isLogListVisible, setIsLogListVisible } = useLogger(); + const isTextInput = (element: Element | null): boolean => element instanceof HTMLInputElement || @@ -175,6 +178,10 @@ const KeyPressListener: React.FC = () => { setIsPlaying(true); } + if (keyCombination === "L") { + setIsLogListVisible(!isLogListVisible); + } + if (keyCombination === "ESCAPE") { setWalkMode(false); setActiveTool("cursor"); @@ -210,6 +217,7 @@ const KeyPressListener: React.FC = () => { toggleView, showShortcuts, isPlaying, + isLogListVisible ]); return null;