From 11cc68cddcd543e7fa51f7b4950f40117aca099d Mon Sep 17 00:00:00 2001
From: GitHub Copilot <copilot@github.com>
Date: Thu, 23 Apr 2026 20:07:36 +0100
Subject: [PATCH] Clean up SubscriptionList component: remove unused FlashList
 import and duplicate code

---
 src/components/home/SubscriptionList.tsx | 98 ------------------------
 1 file changed, 98 deletions(-)

diff --git a/src/components/home/SubscriptionList.tsx b/src/components/home/SubscriptionList.tsx
index 84dbe36e..ae4fd2a1 100644
--- a/src/components/home/SubscriptionList.tsx
+++ b/src/components/home/SubscriptionList.tsx
@@ -1,6 +1,5 @@
 import React, { useCallback } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import { FlashList } from '@shopify/flash-list';
 import { colors, spacing, typography, borderRadius, shadows } from '../../utils/constants';
 import { AnimatedSubscriptionCard } from '../subscription/AnimatedSubscriptionCard';
 import { SubscriptionListSkeleton } from '../common/SkeletonLoader';
@@ -153,103 +152,6 @@ export const SubscriptionList: React.FC<SubscriptionListProps> = React.memo(({
   );
 });
 
-  const keyExtractor = useCallback((item: Subscription) => item.id, []);
-
-  return (
-    <View testID="subscription-list-root">
-      {/* Upcoming Billing Section */}
-      {upcomingSubscriptions && upcomingSubscriptions.length > 0 && (
-        <View style={styles.section}>
-          <Text style={styles.sectionTitle} accessibilityRole="header">
-            Upcoming Billing
-          </Text>
-          <Text style={styles.sectionSubtitle}>
-            {upcomingSubscriptions.length} subscription
-            {upcomingSubscriptions.length !== 1 ? 's' : ''} due this week
-          </Text>
-          <View
-            style={styles.upcomingContainer}
-            accessible={false}>
-            {upcomingSubscriptions.slice(0, 3).map((subscription) => (
-              <View
-                key={subscription.id}
-                style={styles.upcomingItem}
-                accessible={true}
-                accessibilityLabel={`${subscription.name}, due ${new Date(subscription.nextBillingDate).toLocaleDateString()}`}>
-                <Text style={styles.upcomingName} numberOfLines={1} accessibilityElementsHidden={true} importantForAccessibility="no">
-                  {subscription.name}
-                </Text>
-                <Text style={styles.upcomingDate} accessibilityElementsHidden={true} importantForAccessibility="no">
-                  {new Date(subscription.nextBillingDate).toLocaleDateString()}
-                </Text>
-              </View>
-            ))}
-          </View>
-        </View>
-      )}
-
-      {/* Main List Section */}
-      <View style={styles.section}>
-        <View style={styles.sectionHeader}>
-          <Text style={styles.sectionTitle} accessibilityRole="header">
-            Your Subscriptions
-          </Text>
-          {hasSubscriptions && (
-            <View style={styles.sectionHeaderRight} accessibilityElementsHidden={true} importantForAccessibility="no">
-              {hasActiveFilters && (
-                <Text style={styles.activeFiltersText}>
-                  {filteredCount} of {totalCount}
-                </Text>
-              )}
-              <Text style={styles.subscriptionCount}>
-                {activeSubscriptions.length} subscription
-                {activeSubscriptions.length !== 1 ? 's' : ''}
-              </Text>
-            </View>
-          )}
-        </View>
-
-        {hasSubscriptions ? (
-          <View style={styles.subscriptionsList}>
-            <FlashList
-              data={activeSubscriptions}
-              renderItem={renderItem}
-              keyExtractor={keyExtractor}
-              estimatedItemSize={148}
-              scrollEnabled={false}
-              removeClippedSubviews
-              showsVerticalScrollIndicator={false}
-            />
-          </View>
-        ) : (
-          <View
-            style={styles.emptyState}
-            accessible={true}
-            accessibilityLabel="No subscriptions yet. Add your first subscription to start tracking your spending.">
-            <Text style={styles.emptyIcon} accessibilityElementsHidden={true} importantForAccessibility="no">
-              📱
-            </Text>
-            <Text style={styles.emptyText} accessibilityElementsHidden={true} importantForAccessibility="no">
-              No subscriptions yet
-            </Text>
-            <Text style={styles.emptySubtext} accessibilityElementsHidden={true} importantForAccessibility="no">
-              Add your first subscription to start tracking your spending
-            </Text>
-            <TouchableOpacity
-              style={styles.addFirstButton}
-              onPress={onAddFirstPress}
-              testID="add-subscription-button"
-              accessibilityRole="button"
-              accessibilityLabel="Add your first subscription">
-              <Text style={styles.addFirstButtonText}>Add Subscription</Text>
-            </TouchableOpacity>
-          </View>
-        )}
-      </View>
-    </View>
-  );
-});
-
 const styles = StyleSheet.create({
   section: {
     padding: spacing.lg,