refactor: update swipeable panel hook

enesozturk · Sep 20, 2021 · 0e1cb12 · 0e1cb12
1 parent 6efc2ab
commit 0e1cb12
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/example/src/hooks/useSwipeablePanel.ts b/example/src/hooks/useSwipeablePanel.ts
@@ -1,21 +1,27 @@
 import * as React from 'react';
 
+import type { SwipeablePanelProps } from 'rn-swipeable-panel';
+
+type ContentType = null | 'about' | 'settings' | 'configurations' | 'darkShoppingCart';
+
 const useSwipeablePanel = () => {
-  const [panelState, setPanelState] = React.useState({
+  const [panelState, setPanelState] = React.useState<SwipeablePanelProps & { contentType: ContentType }>({
+    onClose: () => {},
     isActive: false,
     openLarge: false,
     onlyLarge: false,
     fullWidth: false,
     noBackgroundOpacity: false,
-    bounceAnimation: false,
     closeOnTouchOutside: false,
     noBar: false,
     showCloseButton: false,
     onlySmall: false,
     allowTouchOutside: false,
     barStyle: {},
-    panelStyles: {},
+    style: {},
+    closeRootStyle: {},
     contentType: null,
+    smallPanelHeight: 400,
   });
 
   const changePanelState = React.useCallback(
@@ -69,11 +75,9 @@ const useSwipeablePanel = () => {
       fullWidth: true,
       showCloseButton: true,
       noBar: false,
-      panelStyles: {
-        style: { backgroundColor: '#1f1f1f' },
-        barStyle: { backgroundColor: 'rgba(255,255,255,0.2)' },
-        closeRootStyle: { backgroundColor: 'rgba(255,255,255,0.2)' },
-      },
+      style: { backgroundColor: '#1f1f1f' },
+      barStyle: { backgroundColor: 'rgba(255,255,255,0.2)' },
+      closeRootStyle: { backgroundColor: 'rgba(255,255,255,0.2)' },
       contentType: 'darkShoppingCart',
     });
   }