From df2960d50ee857d772b3b99eca16a2c4f16cf3eb Mon Sep 17 00:00:00 2001
From: Gleidson Daniel Silva <gleidson10daniel@hotmail.com>
Date: Fri, 19 May 2023 14:40:31 -0300
Subject: [PATCH] fix: Change useSnaps logic to be based on component size
 (#5032)

* change useSnaps logic to be based on component size

* fix logic

* fix iphone without notch
---
 app/lib/hooks/useSnaps.ts      | 20 ++++++++++++++------
 app/lib/hooks/useVideoConf.tsx |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/lib/hooks/useSnaps.ts b/app/lib/hooks/useSnaps.ts
index 2386d11eb..150457bd6 100644
--- a/app/lib/hooks/useSnaps.ts
+++ b/app/lib/hooks/useSnaps.ts
@@ -1,14 +1,22 @@
-import { useDimensions } from '@react-native-community/hooks';
+import { StatusBar } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
+import { isIOS, isTablet } from '../methods/helpers';
+
 // Not sure if it's worth adding this here in the context of the actionSheet
 /**
  * Return the snaps based on the size you pass (aka: Size of action sheet)
- * @param  {Number[]} snaps Sizes you want to pass, pass only one if you want the action sheet to start at a specific size
+ * @param  {number} componentSize size of the component that will be rendered in the action sheet
  */
-export const useSnaps = (snaps: number[]): string[] => {
+export const useSnaps = (componentSize: number): number[] | string[] => {
 	const insets = useSafeAreaInsets();
-	const { screen } = useDimensions();
-	const percentage = insets.bottom + insets.top > 75 ? 110 : 100;
-	return snaps.map(snap => `${((percentage * snap) / (screen.height * screen.scale)).toFixed(2)}%`);
+	if (isIOS) {
+		const fixTabletInset = isTablet ? 2 : 1;
+		return [componentSize + (insets.bottom || insets.top) * fixTabletInset];
+	}
+	let statusHeight = 0;
+	if (StatusBar.currentHeight) {
+		statusHeight = StatusBar.currentHeight;
+	}
+	return [componentSize + statusHeight];
 };
diff --git a/app/lib/hooks/useVideoConf.tsx b/app/lib/hooks/useVideoConf.tsx
index c435d837f..1f1a327bf 100644
--- a/app/lib/hooks/useVideoConf.tsx
+++ b/app/lib/hooks/useVideoConf.tsx
@@ -36,7 +36,7 @@ export const useVideoConf = (rid: string): { showInitCallActionSheet: () => Prom
 	const isServer5OrNewer = compareServerVersion(serverVersion, 'greaterThanOrEqualTo', '5.0.0');
 
 	const { showActionSheet } = useActionSheet();
-	const snaps = useSnaps([1250]);
+	const snaps = useSnaps(404);
 
 	const handleShowCallOption = async () => {
 		if (isServer5OrNewer) return setShowCallOption(true);