Drawer is swipeable

citymapper · Aug 22, 2022 · 26072de · 26072de
1 parent f4bd554
commit 26072de
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/examples/sdk-react-next/src/components/TransitDirections.tsx b/examples/sdk-react-next/src/components/TransitDirections.tsx
@@ -134,7 +134,6 @@ const TransitDirections: NextPage = () => {
           <SwipeableDrawer
             anchor="bottom"
             open={open}
-            onClick={() => toggleDrawer(!open)}
             onClose={() => toggleDrawer(false)}
             onOpen={() => toggleDrawer(true)}
             swipeAreaWidth={drawerBleeding}
@@ -144,7 +143,7 @@ const TransitDirections: NextPage = () => {
             }}
           >
             <PullerMobile>
-              <Puller />
+              <Puller onClick={() => toggleDrawer(!open)}/>
               <Heading />
             </PullerMobile>
             <SideBarMobile>{sideBar}</SideBarMobile>
@@ -204,7 +203,6 @@ const PullerMobile = styled(Box)(() => ({
   paddingTop: 16,
   paddingLeft: 20,
   paddingRight: 20,
-  pointerEvents: 'all',
   position: 'absolute',
   right: 0,
   top: -drawerBleeding,
@@ -217,4 +215,5 @@ const Puller = styled(Box)(({ theme }) => ({
   height: 8,
   width: 32,
   marginBottom: 8,
+  pointerEvents: 'all',
 }))