fix: bush article gallery images (really this time)

HasangerGames · Oct 4, 2024 · 7f23dd6 · 7f23dd6
1 parent 1630569
commit 7f23dd6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/app/(wiki)/obstacles/articles/bushes.md b/app/(wiki)/obstacles/articles/bushes.md
@@ -44,15 +44,15 @@ The Bush does not have any loot, but the Blueberry Bush has decent [loot](/loot#
 <Gallery
   images={[
     {
-      url: "/img/articles/obstacles/bush/bugged_blueberry_bush_[v0.8.0](https://github.com/HasangerGames/suroi/releases/tag/v0.8.0).png",
+      url: "/img/articles/obstacles/bushes/bugged_blueberry_bush_v0.8.0.png",
       author: "Katloo",
       caption:
-        "A fellow Suroian trying to hide in a bugged Blueberry Bush in [v0.8.0](https://github.com/HasangerGames/suroi/releases/tag/v0.8.0)",
+        "A fellow Suroian trying to hide in a bugged Blueberry Bush in <a href='https://github.com/HasangerGames/suroi/releases/tag/v0.8.0'>v0.8.0</a>",
     },
     {
-      url: "/img/articles/obstacles/bush/bush_[v0.1.0](https://github.com/HasangerGames/suroi/releases/tag/v0.1.0)",
+      url: "/img/articles/obstacles/bushes/bush_v0.1.0.png",
       author: "Katloo",
-      caption: "A bush in [v0.1.0](https://github.com/HasangerGames/suroi/releases/tag/v0.1.0)",
+      caption: "A bush in <a href='https://github.com/HasangerGames/suroi/releases/tag/v0.1.0'>v0.1.0</a>",
     },
   ]}
 />
diff --git a/components/articles/gallery/Gallery.tsx b/components/articles/gallery/Gallery.tsx
@@ -70,9 +70,10 @@ export default function Gallery({ images }: GalleryProps) {
               )}
             </span>
             {images[currentImage].caption && (
-              <span className="absolute bg-black/20 left-[50%] translate-x-[-50%] bottom-0 rounded-md p-4 h-16 overflow-y-auto z-10 text-center">
-                {images[currentImage].caption}
-              </span>
+              <span
+                className="absolute bg-black/20 left-[50%] translate-x-[-50%] bottom-0 rounded-md p-4 h-16 overflow-y-auto z-10 text-center"
+                dangerouslySetInnerHTML={{__html: images[currentImage].caption ?? ""}}
+              ></span>
             )}
             {images[currentImage].type === "youtube"
               ? (