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