chore: updated default background & handle styling

gorhom · Dec 1, 2020 · 783642b · 783642b
1 parent 2e77932
commit 783642b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/components/bottomSheet/types.d.ts b/src/components/bottomSheet/types.d.ts
@@ -92,12 +92,12 @@ export type BottomSheetProps = {
    * @see {BottomSheetHandleProps}
    * @type React.FC\<BottomSheetHandleProps\>
    */
-  handleComponent?: React.FC<BottomSheetHandleProps>;
+  handleComponent?: React.FC<BottomSheetHandleProps> | null;
   /**
    * Component to be placed as a sheet background.
    * @type React.FC\<BottomSheetBackgroundProps\>
    */
-  backgroundComponent?: React.FC<BottomSheetBackgroundProps>;
+  backgroundComponent?: React.FC<BottomSheetBackgroundProps> | null;
   /**
    * A scrollable node or normal view.
    * @type React.ReactNode[] | React.ReactNode

diff --git a/src/components/defaultBackground/styles.ts b/src/components/defaultBackground/styles.ts
@@ -8,5 +8,7 @@ export const styles = StyleSheet.create({
     right: 0,
     bottom: -100,
     backgroundColor: 'white',
+    borderTopLeftRadius: 15,
+    borderTopRightRadius: 15,
   },
 });
diff --git a/src/components/defaultHandle/styles.ts b/src/components/defaultHandle/styles.ts
@@ -5,9 +5,6 @@ const { width: windowWidth } = Dimensions.get('window');
 export const styles = StyleSheet.create({
   container: {
     padding: 10,
-    borderTopLeftRadius: 15,
-    borderTopRightRadius: 15,
-    backgroundColor: 'white',
   },
 
   indicator: {