From fc77ef582aeebb4bc2e5f77235778611face3083 Mon Sep 17 00:00:00 2001
From: olivia-stannah <107851484+olivia-stannah@users.noreply.github.com>
Date: Fri, 19 Aug 2022 16:06:19 +0100
Subject: [PATCH] Drawer is swipeable

---
 examples/sdk-react-next/src/components/TransitDirections.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/examples/sdk-react-next/src/components/TransitDirections.tsx b/examples/sdk-react-next/src/components/TransitDirections.tsx
index 4ddf8ea..1bd26db 100644
--- 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',
 }))