hold space to pan

lama_cleaner/app/src/App.tsx

@@ -25,6 +25,7 @@ function App() {
           <></>
         )}
 
+        {file ? (
           <Button
             icon={
               <svg
@@ -50,10 +51,10 @@ function App() {
                 </g>
               </svg>
             }
-          onClick={() => {
-            setFile(undefined)
-          }}
           />
+        ) : (
+          <></>
+        )}
       </header>
 
       <main

lama_cleaner/app/src/Editor.tsx

@@ -266,7 +266,13 @@ export default function Editor(props: EditorProps) {
     {
       event: 'keydown',
     },
-    [isDraging, isMultiStrokeKeyPressed]
+    [
+      isDraging,
+      isInpaintingLoading,
+      isMultiStrokeKeyPressed,
+      resetZoom,
+      clearDrawing,
+    ]
   )
 
   const onPaint = (px: number, py: number) => {
@@ -439,18 +445,20 @@ export default function Editor(props: EditorProps) {
   }, [showBrush, isPanning])
 
   // Toggle clean/zoom tool on spacebar.
-  useKey(
+  useKeyPressEvent(
     ' ',
     ev => {
       ev?.preventDefault()
       ev?.stopPropagation()
-      setShowBrush(!showBrush)
+      setShowBrush(false)
-      setIsPanning(!isPanning)
+      setIsPanning(true)
     },
-    {
+    ev => {
-      event: 'keydown',
+      ev?.preventDefault()
-    },
+      ev?.stopPropagation()
-    [isPanning, showBrush]
+      setShowBrush(true)
+      setIsPanning(false)
+    }
   )
 
   if (!original || !scale || !minScale) {