From af572f8b2971f89e733c934bf95048ba57008be2 Mon Sep 17 00:00:00 2001
From: AdityasahuX07 <smily998800@gmail.com>
Date: Fri, 19 Dec 2025 23:44:17 +0530
Subject: [PATCH] Refactor renderItem for cleaner syntax

---
 src/screens/LibraryScreen.tsx | 78 +++++++++++++++++------------------
 1 file changed, 38 insertions(+), 40 deletions(-)

diff --git a/src/screens/LibraryScreen.tsx b/src/screens/LibraryScreen.tsx
index eaf75d3c..83d11fd7 100644
--- a/src/screens/LibraryScreen.tsx
+++ b/src/screens/LibraryScreen.tsx
@@ -385,49 +385,47 @@ const LibraryScreen = () => {
     return folders.filter(folder => folder.itemCount > 0);
   }, [traktAuthenticated, watchedMovies, watchedShows, watchlistMovies, watchlistShows, collectionMovies, collectionShows, continueWatching, ratedContent]);
 
-  const renderItem = ({ item }: { item: LibraryItem }) => {
-    const aspectRatio = item.posterShape === 'landscape' ? 16 / 9 : (item.posterShape === 'square' ? 1 : 2 / 3);
-
-    return (
-      <TouchableOpacity
-        style={[styles.itemContainer, { width: itemWidth }]}
-        onPress={() => navigation.navigate('Metadata', { id: item.id, type: item.type })}
-        onLongPress={() => {
-          setSelectedItem(item);
-          setMenuVisible(true);
-        }}
-        activeOpacity={0.7}
-      >
-        <View>
-          <View style={[styles.posterContainer, { shadowColor: currentTheme.colors.black, aspectRatio }]}>
-            <FastImage
-              source={{ uri: item.poster || 'https://via.placeholder.com/300x450' }}
-              style={styles.poster}
-              resizeMode={FastImage.resizeMode.cover}
-            />
-            {item.watched && (
-              <View style={styles.watchedIndicator}>
-                <MaterialIcons name="check-circle" size={22} color={currentTheme.colors.success || '#4CAF50'} />
-              </View>
-            )}
-            {item.progress !== undefined && item.progress < 1 && (
-              <View style={styles.progressBarContainer}>
-                <View
-                  style={[
-                    styles.progressBar,
-                    { width: `${item.progress * 100}%`, backgroundColor: currentTheme.colors.primary }
-                  ]}
-                />
-              </View>
-            )}
-          </View>
+  const renderItem = ({ item }: { item: LibraryItem }) => (
+    <TouchableOpacity
+      style={[styles.itemContainer, { width: itemWidth }]}
+      onPress={() => navigation.navigate('Metadata', { id: item.id, type: item.type })}
+      onLongPress={() => {
+        setSelectedItem(item);
+        setMenuVisible(true);
+      }}
+      activeOpacity={0.7}
+    >
+      <View>
+        <View style={[styles.posterContainer, { shadowColor: currentTheme.colors.black }]}>
+          <FastImage
+            source={{ uri: item.poster || 'https://via.placeholder.com/300x450' }}
+            style={styles.poster}
+            resizeMode={FastImage.resizeMode.cover}
+          />
+          {item.watched && (
+            <View style={styles.watchedIndicator}>
+              <MaterialIcons name="check-circle" size={22} color={currentTheme.colors.success || '#4CAF50'} />
+            </View>
+          )}
+          {item.progress !== undefined && item.progress < 1 && (
+            <View style={styles.progressBarContainer}>
+              <View
+                style={[
+                  styles.progressBar,
+                  { width: `${item.progress * 100}%`, backgroundColor: currentTheme.colors.primary }
+                ]}
+              />
+            </View>
+          )}
+        </View>
+        {settings.showPosterTitles && (
           <Text style={[styles.cardTitle, { color: currentTheme.colors.mediumEmphasis }]}>
             {item.name}
           </Text>
-        </View>
-      </TouchableOpacity>
-    );
-  };
+        )}
+      </View>
+    </TouchableOpacity>
+  );
 
   const renderTraktCollectionFolder = ({ folder }: { folder: TraktFolder }) => (
     <TouchableOpacity