diff --git a/.forgejo/workflows/depoly.yml b/.forgejo/workflows/depoly.yml
index 9ae7044..b541fa0 100644
--- a/.forgejo/workflows/depoly.yml
+++ b/.forgejo/workflows/depoly.yml
@@ -31,12 +31,16 @@ jobs:
         run: bun install
 
       - name: Build Dist (Staging)
-        run: VITE_CODE_VERSION=$GITHUB_SHA bun dist -m staging
+        run: bun dist -m staging
         if: env.GITHUB_REF_NAME == 'master'
+        env:
+          VITE_CODE_VERSION: ${{ env.GITHUB_SHA }}
 
       - name: Build Dist
-        run: VITE_CODE_VERSION=$GITHUB_SHA bun dist
+        run: bun dist
         if: env.GITHUB_REF_NAME != 'master'
+        env:
+          VITE_CODE_VERSION: ${{ env.GITHUB_SHA }}
 
       - name: Depoly to Preview
         uses: https://github.com/cloudflare/wrangler-action@v3
diff --git a/src/timelines/MediaAttachmentGrid.tsx b/src/timelines/MediaAttachmentGrid.tsx
index 682767a..625e0ab 100644
--- a/src/timelines/MediaAttachmentGrid.tsx
+++ b/src/timelines/MediaAttachmentGrid.tsx
@@ -3,8 +3,6 @@ import {
   type Component,
   For,
   Index,
-  Match,
-  Switch,
   createMemo,
   createRenderEffect,
   createSignal,
@@ -149,10 +147,9 @@ const MediaAttachmentGrid: Component<{
     >
       <Index each={props.attachments}>
         {(item, index) => {
-          const itemType = () => item().type;
-          return (
-            <Switch>
-              <Match when={itemType() === "image"}>
+          switch (item().type) {
+            case "image":
+              return (
                 <img
                   data-sort={index}
                   data-media-type={item().type}
@@ -164,8 +161,9 @@ const MediaAttachmentGrid: Component<{
                   loading="lazy"
                   style={itemStyle(item())}
                 ></img>
-              </Match>
-              <Match when={itemType() === "video"}>
+              );
+            case "video":
+              return (
                 <video
                   data-sort={index}
                   data-media-type={item().type}
@@ -178,8 +176,9 @@ const MediaAttachmentGrid: Component<{
                   height={item().meta?.small?.height}
                   style={itemStyle(item())}
                 />
-              </Match>
-              <Match when={itemType() === "gifv"}>
+              );
+            case "gifv":
+              return (
                 <video
                   data-sort={index}
                   data-media-type={item().type}
@@ -193,17 +192,20 @@ const MediaAttachmentGrid: Component<{
                   height={item().meta?.small?.height}
                   style={itemStyle(item())}
                 />
-              </Match>
-              <Match when={itemType() === "audio"}>
+              );
+
+            case "audio":
+              return (
                 <audio
                   data-sort={index}
                   data-media-type={item().type}
                   src={item().url || undefined}
                   controls
                 ></audio>
-              </Match>
-            </Switch>
-          );
+              );
+            case "unknown":
+              return <div></div>;
+          }
         }}
       </Index>
     </section>