Ensure that all arrays are de-duped

android/app/build.gradle

@@ -79,8 +79,8 @@ android {
         applicationId "com.micahlindley.offsides"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 11
-        versionName "0.4.0"
+        versionCode 12
+        versionName "0.4.1"
     }
     signingConfigs {
         debug {

android/app/release/output-metadata.json

@@ -11,8 +11,8 @@
       "type": "SINGLE",
       "filters": [],
       "attributes": [],
-      "versionCode": 11,
-      "versionName": "0.4.0",
+      "versionCode": 12,
+      "versionName": "0.4.1",
       "outputFile": "app-release.apk"
     }
   ],

docs/latest.json

@@ -1,3 +1,3 @@
 {
-  "latestVersion": "0.4.0"
+  "latestVersion": "0.4.1"
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "offsides",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

src/components/CommentModal.jsx

@@ -10,6 +10,7 @@ import { Appbar, useTheme, Text, Divider } from 'react-native-paper';
 import { AppContext } from '../App';
 import Comment from './Comment';
 import Post from './Post';
+import useUniqueList from '../hooks/useUniqueList';
 
 function CommentModal({ navigation, route }) {
   /** @type {{postID: String, postObj: SidechatPostOrComment}} */
@@ -39,6 +40,8 @@ function CommentModal({ navigation, route }) {
     });
   };
 
+  const uniqueComments = useUniqueList(comments);
+
   return (
     <View style={{ backgroundColor: colors.background, flex: 1 }}>
       <StatusBar animated={true} backgroundColor={colors.elevation.level2} />
@@ -49,7 +52,7 @@ function CommentModal({ navigation, route }) {
       <View style={{ ...style.container, backgroundColor: colors.background }}>
         <FlatList
           contentContainerStyle={{ gap: 10, padding: 10 }}
-          data={comments}
+          data={uniqueComments}
           keyExtractor={item => item.id}
           renderItem={renderItem}
           estimatedItemSize={200}

src/hooks/useUniqueList.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function useUniqueList(list) {
+  return React.useMemo(() => {
+    return list.filter(
+      ({ id }, i, _arr) => _arr.findIndex(elem => elem.id === id) === i,
+    );
+  }, [list]);
+}

src/screens/ExploreGroupsScreen.jsx

@@ -3,6 +3,7 @@ import { View, StatusBar, FlatList } from 'react-native';
 import { Appbar, useTheme, Card, ProgressBar } from 'react-native-paper';
 import { AppContext } from '../App';
 import Group from '../components/Group';
+import useUniqueList from '../hooks/useUniqueList';
 
 const BORDER_RADIUS = 15;
 

src/screens/HomeScreen.jsx

@@ -24,6 +24,7 @@ import { AppContext } from '../App';
 import { useFocusEffect } from '@react-navigation/native';
 import Post from '../components/Post';
 import GroupPicker from '../components/GroupPicker';
+import useUniqueList from '../hooks/useUniqueList';
 
 const BORDER_RADIUS = 12;
 
@@ -62,16 +63,9 @@ function HomeScreen({ navigation }) {
       });
     }
   }, [postCategory, currentGroupId]);
-  React.useEffect(() => {
-    const newRenderedPostIds = new Set(renderedPostIds);
-    posts.forEach(post => newRenderedPostIds.add(post.id));
-    setRenderedPostIds(newRenderedPostIds);
-  }, [posts]);
+  const uniquePosts = useUniqueList(posts);
   const renderItem = React.useCallback(each => {
     // Check if the post has already been rendered
-    if (renderedPostIds.has(each.id)) {
-      return null; // Skip rendering if the post is a duplicate
-    }
     return <Post post={each.item} nav={navigation} key={each.id} />;
   });
   const fetchPosts = refresh => {
@@ -210,7 +204,7 @@ function HomeScreen({ navigation }) {
         <ProgressBar indeterminate={true} visible={loadingPosts} />
         <FlatList
           contentContainerStyle={{ gap: 10, padding: 10 }}
-          data={posts}
+          data={uniquePosts}
           renderItem={renderItem}
           estimatedItemSize={350}
           windowSize={10}

src/screens/SettingsScreen.jsx

@@ -82,10 +82,7 @@ function SettingsScreen({ navigation }) {
               mode="contained-tonal"
               onPress={() => {
                 Linking.openURL(
-                  `https://github.com/micahlt/offsides/releases/download/${updateAvailable}/offsides-${updateAvailable.replaceAll(
-                    '.',
-                    '-',
-                  )}.apk`,
+                  `https://github.com/micahlt/offsides/releases/${updateAvailable}/`,
                 );
               }}
               style={{