fix: spindl feature cards display (#2842)

Author: mmioana

src/components/FeatureCards/FeatureCard.tsx

@@ -38,7 +38,8 @@ export const FeatureCard = ({ data }: FeatureCardProps) => {
   const imageUrl = useFeatureCardImage(data);
   const colors = useFeatureCardColors(data, imageUrl);
   const cardStyles = useFeatureCardStyles();
-  const { trackDisplay, trackClose, trackClick } = useFeatureCardTracking(data);
+  const { trackDisplay, trackClose, trackClick, trackImpression } =
+    useFeatureCardTracking(data);
   const { disableCard } = useFeatureCardDisable(data);
 
   const walletAddress = account?.address ?? '';
@@ -68,6 +69,7 @@ export const FeatureCard = ({ data }: FeatureCardProps) => {
   const handleImpressionOnce = () => {
     if (open) {
       trackDisplay();
+      trackImpression();
     }
   };
 

src/components/FeatureCards/hooks.ts

@@ -25,8 +25,7 @@ export const useFeatureCardTracking = (data: FeatureCardData) => {
   const impressionEventFired = useRef(false);
   const displayEventFired = useRef(false);
 
-  // Track Spindl impression on mount
-  useEffect(() => {
+  const trackImpression = () => {
     if (impressionEventFired.current) {
       return;
     }
@@ -39,7 +38,7 @@ export const useFeatureCardTracking = (data: FeatureCardData) => {
         data.spindlData.ad_creative_id,
       );
     }
-  }, [data]);
+  };
 
   const trackDisplay = () => {
     if (displayEventFired.current) {
@@ -93,7 +92,7 @@ export const useFeatureCardTracking = (data: FeatureCardData) => {
     }
   };
 
-  return { trackDisplay, trackClose, trackClick };
+  return { trackDisplay, trackImpression, trackClose, trackClick };
 };
 
 export const useFeatureCardColors = (

src/hooks/feature-cards/spindl/useSpindlCards.ts

@@ -25,18 +25,8 @@ export const useSpindlCards = () => {
   const spindlConfig = getSpindlConfig();
   const { fetchData } = useCallRequest();
 
-  // Feature Flag logic: Show Spindl for ~30% of users
-  const showSpindle = useMemo(() => {
-    return Math.random() < 0.3;
-  }, []);
-
   const fetchSpindlData = useCallback(
     async ({ country, chainId, tokenAddress, address }: SpindlFetchParams) => {
-      if (!showSpindle) {
-        // console.log('User is not part of the Spindl A/B test group.');
-        return; // Exit early if the user is not in the A/B test group
-      }
-
       const locale = getLocale().split('-');
       const queryParams: Record<string, string | undefined> = {
         placement_id: 'notify_message',