chore: hide last carousel cards at first time mounting

cocrafts · Jul 7, 2024 · 8642485 · 8642485
1 parent 5144700
commit 8642485
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/wallet/src/features/Explorer/Highlights/Card.tsx b/apps/wallet/src/features/Explorer/Highlights/Card.tsx
@@ -1,4 +1,5 @@
-import { type FC, useEffect } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 import { StyleSheet } from 'react-native';
 import type { SharedValue, WithTimingConfig } from 'react-native-reanimated';
 import Animated, {
@@ -46,8 +47,10 @@ const Card: FC<Props> = ({
 			[0.08, -0.08],
 		);
 
+		const isHidden = index - currentIndex > 2;
+
 		return {
-			opacity: opacity.value,
+			opacity: isHidden ? 0 : opacity.value,
 			transform: [
 				{ translateX: xOffset.value + addingTranslateX },
 				{ scale: scale.value + addingScale },