From 0c512ea9bc2ad75b1ae356fa7166044510750581 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Wed, 26 May 2021 19:16:55 -0400
Subject: Fix issue for TaggFooter, Delete works

---
 src/components/moments/TagFriendsFoooter.tsx | 30 ++++++++++++----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

(limited to 'src/components')

diff --git a/src/components/moments/TagFriendsFoooter.tsx b/src/components/moments/TagFriendsFoooter.tsx
index 16158612..352ee49a 100644
--- a/src/components/moments/TagFriendsFoooter.tsx
+++ b/src/components/moments/TagFriendsFoooter.tsx
@@ -1,5 +1,5 @@
 import {useNavigation} from '@react-navigation/native';
-import React, {Dispatch, SetStateAction, useMemo} from 'react';
+import React, {useMemo} from 'react';
 import {
   Image,
   ScrollView,
@@ -9,27 +9,23 @@ import {
   View,
 } from 'react-native';
 import {ProfilePreview} from '..';
-import {ProfilePreviewType, ScreenType} from '../../types';
+import {MomentTagType, ProfilePreviewType, ScreenType} from '../../types';
 import {normalize, SCREEN_HEIGHT} from '../../utils/layouts';
 
 interface TagFriendsFooterProps {
-  taggedUsers: ProfilePreviewType[];
-  setTaggedUsers: Dispatch<SetStateAction<ProfilePreviewType[]>>;
+  tags: MomentTagType[];
+  setTags: (tags: MomentTagType[]) => void;
 }
-const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
-  taggedUsers,
-  setTaggedUsers,
-}) => {
+const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({tags, setTags}) => {
   const navigation = useNavigation();
 
   const handleRemoveTag = (user: ProfilePreviewType) => {
-    const filteredSelection = taggedUsers.filter((item) => user.id !== item.id);
-    setTaggedUsers(filteredSelection);
+    setTags(tags.filter((tag) => tag.user.id !== user.id));
   };
 
   const goToSelectionScreen = () => {
     navigation.navigate('TagSelectionScreen', {
-      selectedUsers: taggedUsers,
+      selectedTags: tags,
     });
   };
 
@@ -75,10 +71,10 @@ const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
     () => (
       <TouchableOpacity
         style={styles.tagFriendsTitleContainer}
-        disabled={taggedUsers.length !== 0}
+        disabled={tags.length !== 0}
         onPress={() =>
           navigation.navigate('TagSelectionScreen', {
-            selectedUsers: taggedUsers,
+            selectedTags: tags,
           })
         }>
         <Image
@@ -88,7 +84,7 @@ const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
         <Text style={styles.tagFriendsTitle}>Tag Friends</Text>
       </TouchableOpacity>
     ),
-    [taggedUsers.length],
+    [tags.length],
   );
 
   return (
@@ -96,10 +92,10 @@ const TagFriendsFooter: React.FC<TagFriendsFooterProps> = ({
       {tagFriendsTitle}
       <View style={styles.tagFriendsContainer}>
         <ScrollView horizontal>
-          {taggedUsers.map((user) => (
-            <TaggedUser key={user.id} {...user} />
+          {tags.map((tag) => (
+            <TaggedUser key={tag.user.id} {...tag.user} />
           ))}
-          {taggedUsers.length !== 0 && taggMoreButton}
+          {tags.length !== 0 && taggMoreButton}
         </ScrollView>
       </View>
     </>
-- 
cgit v1.2.3-70-g09d2