Various fixes

emanuelescarabattoli · Oct 4, 2023 · 11ad6aa · 11ad6aa
1 parent 01e2934
commit 11ad6aa
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 52 deletions.
diff --git a/docs/assets/images/screen-main.png b/docs/assets/images/screen-main.png
diff --git a/docs/assets/images/screen-settings.png b/docs/assets/images/screen-settings.png
diff --git a/frontend/src/components/controls/index.js b/frontend/src/components/controls/index.js
@@ -33,7 +33,7 @@ const Controls = ({
                 <Button onClick={onClickNextFile} text={<Icon name="chevron-right" />} accessKey="x" />
               </Tooltip>
               <Tooltip text="Open with external application">
-                <Button onClick={onClickOpenWith} text={<Icon name="external-link" />} accessKey="z" />
+                <Button onClick={onClickOpenWith} text={<Icon name="external-link" />} />
               </Tooltip>
             </>
           ) : <></>

diff --git a/frontend/src/components/frame/index.js b/frontend/src/components/frame/index.js
diff --git a/frontend/src/components/frame/style.module.css b/frontend/src/components/frame/style.module.css
diff --git a/frontend/src/pages/application/index.js b/frontend/src/pages/application/index.js
@@ -20,6 +20,7 @@ const Application = () => {
   const canvasRef = useRef(null);
   const [cameraPosition, setCameraPosition] = useState([100, 100, 100])
   const [settings, setSetting] = useState(parseSettings())
+  const orbitRef = useRef(null);
 
   const readFile = toReadFile => {
     const reader = new FileReader();
@@ -74,18 +75,22 @@ const Application = () => {
   }
 
   const onClickSideX = () => {
+    orbitRef?.current?.reset();
     setCameraPosition(() => [0, 0, 100])
   }
 
   const onClickSideY = () => {
+    orbitRef?.current?.reset();
     setCameraPosition(() => [0, 100, 0])
   }
 
   const onClickSideZ = () => {
+    orbitRef?.current?.reset();
     setCameraPosition(() => [100, 0, 0])
   }
 
   const onClickResetPosition = () => {
+    orbitRef?.current?.reset();
     setCameraPosition(() => [100, 100, 100])
   }
 
@@ -140,7 +145,7 @@ const Application = () => {
           <Suspense fallback={<></>}>
             <Bed bedSize={settings.bedSize} cellSize={settings.bedGridCellSize} isVisible={settings.isBedVisible} color={settings.bedColor} />
             {filePath ? <Model file={file} color={settings.modelColor} /> : <></>}
-            <OrbitControls enablePan={true} enableZoom={true} enableRotate={true} />
+            <OrbitControls enablePan={true} enableZoom={true} enableRotate={true} ref={orbitRef}/>
             <Helpers cameraPosition={cameraPosition} isAxesVisible={settings.isAxesVisible} />
           </Suspense>
         </Canvas>