fix: convert PollVote to component

Author: isekovanic

package/src/components/Poll/components/PollResults/PollOptionFullResults.tsx

@@ -24,7 +24,7 @@ export type PollOptionFullResultsProps<
 };
 
 export const PollOptionFullResultsItem = ({ item }: { item: PollVoteClass }) => (
-  <PollVote {...item} />
+  <PollVote vote={item} />
 );
 
 export const PollOptionFullResultsContent = ({

package/src/components/Poll/components/PollResults/PollResultItem.tsx

@@ -16,7 +16,7 @@ export type PollResultItemProps<
   option: PollOption<StreamChatGenerics>;
 };
 
-export const PollVote = (vote: PollVoteClass) => {
+export const PollVote = ({ vote }: { vote: PollVoteClass }) => {
   const { t, tDateTimeParser } = useTranslationContext();
   const { votingVisibility } = usePollState();
   const {
@@ -47,7 +47,7 @@ export const PollVote = (vote: PollVoteClass) => {
   );
 
   return (
-    <View key={`results_vote_${vote.id}`} style={[styles.voteContainer, container]}>
+    <View style={[styles.voteContainer, container]}>
       <View style={{ flexDirection: 'row' }}>
         {!isAnonymous && vote.user?.image ? (
           <Avatar image={vote.user.image as string} key={vote.id} size={20} />
@@ -61,6 +61,10 @@ export const PollVote = (vote: PollVoteClass) => {
   );
 };
 
+const PollResultsVoteItem = (vote: PollVoteClass) => (
+  <PollVote key={`results_vote_${vote.id}`} vote={vote} />
+);
+
 export const PollResultsItem = ({ option }: PollResultItemProps) => {
   const { t } = useTranslationContext();
   const { latestVotesByOption, voteCountsByOption } = usePollState();
@@ -86,7 +90,7 @@ export const PollResultsItem = ({ option }: PollResultItemProps) => {
       </View>
       {latestVotesByOption?.[option.id]?.length > 0 ? (
         <View style={{ marginTop: 16 }}>
-          {(latestVotesByOption?.[option.id] ?? []).slice(0, 5).map(PollVote)}
+          {(latestVotesByOption?.[option.id] ?? []).slice(0, 5).map(PollResultsVoteItem)}
         </View>
       ) : null}
       <ShowAllVotesButton option={option} />