From acde7609ba69e1e0d6d437b917a1aa7cae45b59a Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Thu, 7 Nov 2024 23:57:11 +0800
Subject: [PATCH] MediaAttachmentGrid: fix the element not updated

This problem causes "not supported codec"
---
 src/timelines/MediaAttachmentGrid.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/timelines/MediaAttachmentGrid.tsx b/src/timelines/MediaAttachmentGrid.tsx
index b0703e0..625e0ab 100644
--- a/src/timelines/MediaAttachmentGrid.tsx
+++ b/src/timelines/MediaAttachmentGrid.tsx
@@ -152,6 +152,7 @@ const MediaAttachmentGrid: Component<{
               return (
                 <img
                   data-sort={index}
+                  data-media-type={item().type}
                   src={item().previewUrl}
                   width={item().meta?.small?.width}
                   height={item().meta?.small?.height}
@@ -165,6 +166,7 @@ const MediaAttachmentGrid: Component<{
               return (
                 <video
                   data-sort={index}
+                  data-media-type={item().type}
                   src={item().url || undefined}
                   autoplay={settings().autoPlayVideos}
                   playsinline={settings().autoPlayVideos ? true : undefined}
@@ -178,6 +180,8 @@ const MediaAttachmentGrid: Component<{
             case "gifv":
               return (
                 <video
+                  data-sort={index}
+                  data-media-type={item().type}
                   src={item().url || undefined}
                   autoplay={settings().autoPlayGIFs}
                   controls
@@ -191,6 +195,14 @@ const MediaAttachmentGrid: Component<{
               );
 
             case "audio":
+              return (
+                <audio
+                  data-sort={index}
+                  data-media-type={item().type}
+                  src={item().url || undefined}
+                  controls
+                ></audio>
+              );
             case "unknown":
               return <div></div>;
           }