murdle/fluxer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(embed): react duplicate key issue (#64)

Browse Source
This commit is contained in:
Hampus 2026-01-06 16:23:20 +01:00 committed by GitHub
parent 182bc95818
commit 5907b8fbc9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
fluxer_app/src/components/channel/MessageAttachments.tsx
View File

@ -193,20 +193,23 @@ const ForwardedMessageContent = observer(({message, snapshot}: {message: Message
</div>
)}
{snapshot.embeds && snapshot.embeds.length > 0 && UserSettingsStore.getRenderEmbeds() && (
<div className={styles.attachmentsContainer}>
{snapshot.embeds.map((embed: MessageEmbed, index: number) => (
<Embed
embed={embed}
key={embed.id}
message={message}
embedIndex={index}
contextualEmbeds={snapshot.embeds}
onDelete={() => {}}
/>
))}
</div>
)}
{snapshot.embeds && snapshot.embeds.length > 0 && UserSettingsStore.getRenderEmbeds() && (
<div className={styles.attachmentsContainer}>
{snapshot.embeds.map((embed: MessageEmbed, index: number) => {
const embedKey = `${embed.id}-${index}`;
return (
<Embed
embed={embed}
key={embedKey}
message={message}
embedIndex={index}
contextualEmbeds={snapshot.embeds}
onDelete={() => {}}
/>
);
})}
</div>
)}
<ForwardedFromSource message={message} />
</div>
@ -328,9 +331,12 @@ export const MessageAttachments = observer(() => {
{UserSettingsStore.getRenderEmbeds() &&
!message.suppressEmbeds &&
message.embeds.map((embed, index) => (
<Embed embed={embed} key={embed.id} message={message} embedIndex={index} onDelete={handleDelete} />
))}
message.embeds.map((embed, index) => {
const embedKey = `${embed.id}-${index}`;
return (
<Embed embed={embed} key={embedKey} message={message} embedIndex={index} onDelete={handleDelete} />
);
})}
{UserSettingsStore.getRenderReactions() && message.reactions.length > 0 && (
<MessageReactions message={message} isPreview={isPreview} onPopoutToggle={onPopoutToggle} />