1 files changed, 13 insertions, 17 deletions

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>
     </>