diff --git a/applications/visualizer/frontend/src/components/WorkspaceComponent.tsx b/applications/visualizer/frontend/src/components/WorkspaceComponent.tsx index e375b3f6..3ef9b44b 100644 --- a/applications/visualizer/frontend/src/components/WorkspaceComponent.tsx +++ b/applications/visualizer/frontend/src/components/WorkspaceComponent.tsx @@ -6,7 +6,7 @@ import { useDispatch, useSelector } from "react-redux"; import "@metacell/geppetto-meta-ui/flex-layout/style/light.scss"; import { useGlobalContext } from "../contexts/GlobalContext.tsx"; import type { RootState } from "../layout-manager/layoutManagerFactory.ts"; -import {emDataViewerWidget, threeDViewerWidget, twoDViewerWidget} from "../layout-manager/widgets.ts"; +import { emDataViewerWidget, threeDViewerWidget, twoDViewerWidget } from "../layout-manager/widgets.ts"; import theme from "../theme"; import Layout from "./ViewerContainer/Layout.tsx"; diff --git a/applications/visualizer/frontend/src/components/viewers/EM/EM.tsx b/applications/visualizer/frontend/src/components/viewers/EM/EM.tsx index 79b2bb40..0a1d130f 100644 --- a/applications/visualizer/frontend/src/components/viewers/EM/EM.tsx +++ b/applications/visualizer/frontend/src/components/viewers/EM/EM.tsx @@ -1,20 +1,19 @@ import { Box } from "@mui/material"; +import type { CameraControls } from "@react-three/drei"; import cytoscape from "cytoscape"; import dagre from "cytoscape-dagre"; import fcose from "cytoscape-fcose"; +import { useRef } from "react"; import SceneControls from "./SceneControls.tsx"; -import {useRef} from "react"; -import {CameraControls} from "@react-three/drei"; cytoscape.use(fcose); cytoscape.use(dagre); const EM = () => { const cameraControlRef = useRef(null); - + return ( - ); diff --git a/applications/visualizer/frontend/src/components/viewers/EM/SceneControls.tsx b/applications/visualizer/frontend/src/components/viewers/EM/SceneControls.tsx index 4ccb0bf1..e07ce85d 100644 --- a/applications/visualizer/frontend/src/components/viewers/EM/SceneControls.tsx +++ b/applications/visualizer/frontend/src/components/viewers/EM/SceneControls.tsx @@ -1,8 +1,4 @@ -import { - FileDownloadOutlined, - HomeOutlined, - TextsmsOutlined -} from "@mui/icons-material"; +import { FileDownloadOutlined, HomeOutlined, TextsmsOutlined } from "@mui/icons-material"; import ZoomInIcon from "@mui/icons-material/ZoomIn"; import ZoomOutIcon from "@mui/icons-material/ZoomOut"; import { Box, Divider, IconButton } from "@mui/material"; diff --git a/applications/visualizer/frontend/src/layout-manager/componentMap.ts b/applications/visualizer/frontend/src/layout-manager/componentMap.ts index 66d2fecf..a0852809 100644 --- a/applications/visualizer/frontend/src/layout-manager/componentMap.ts +++ b/applications/visualizer/frontend/src/layout-manager/componentMap.ts @@ -1,7 +1,7 @@ +import EMViewer from "../components/viewers/EM/EM.tsx"; import ThreeDViewer from "../components/viewers/ThreeD/ThreeDViewer.tsx"; import TwoDViewer from "../components/viewers/TwoD/TwoDViewer.tsx"; import { widgetIds } from "./widgets.ts"; -import EMViewer from "../components/viewers/EM/EM.tsx"; const componentMap = { [widgetIds.threeDViewer]: ThreeDViewer,