Created MenuLayout test

src/utils/helpers/hooks.ts

@@ -1,4 +1,5 @@
 import { useState, useRef } from 'react';
+import { useSwipeable as useReactSwipeable } from 'react-swipeable';
 
 const DEFAULT_DELAY = 2000;
 
@@ -30,3 +31,23 @@ export const useToggle = (initialValue = false): ToggleResult => {
 
   return [ flag, () => setFlag(!flag), () => setFlag(true), () => setFlag(false) ];
 };
+
+export const useSwipeable = (showSidebar: () => void, hideSidebar: () => void) => {
+  const swipeMenuIfNoModalExists = (callback: () => void) => (e: any) => {
+    const swippedOnVisitsTable = (e.event.composedPath() as HTMLElement[]).some(
+      ({ classList }) => classList?.contains('visits-table'),
+    );
+
+    if (swippedOnVisitsTable || document.querySelector('.modal')) {
+      return;
+    }
+
+    callback();
+  };
+
+  return useReactSwipeable({
+    delta: 40,
+    onSwipedLeft: swipeMenuIfNoModalExists(hideSidebar),
+    onSwipedRight: swipeMenuIfNoModalExists(showSidebar),
+  });
+};