feat: touch with two fingers to close the splitte

zakodium-oss · Sep 27, 2023 · 09e7913 · 09e7913
1 parent cc8332a
commit 09e7913
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/split-pane/SplitPane.tsx b/src/components/split-pane/SplitPane.tsx
@@ -210,12 +210,19 @@ function Splitter(props: SplitterProps) {
     isFinalClosed,
     splitterRef,
   } = props;
+
+  function handleTouch(event: React.TouchEvent<HTMLDivElement>) {
+    if (event.targetTouches.length === 2) {
+      onDoubleClick();
+    }
+  }
   return (
     <div
       onDoubleClick={onDoubleClick}
       onPointerDown={onPointerDown}
       css={getSeparatorStyle(direction, !isFinalClosed)}
       ref={splitterRef}
+      onTouchStart={handleTouch}
     >
       <div style={{ fontSize: '0.875em' }}>
         {direction === 'horizontal' ? <span>⋮</span> : <span>⋯</span>}