From 8660bc9967a1a3a432cc4532f30ec8c2e47f3fc5 Mon Sep 17 00:00:00 2001
From: Satakun Utama <linesofcodes@dailitation.xyz>
Date: Sat, 4 Oct 2025 14:28:00 +0700
Subject: [PATCH] Fixes progress report

---
 solid-src/src/pages/ProgressPage.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/solid-src/src/pages/ProgressPage.tsx b/solid-src/src/pages/ProgressPage.tsx
index 227a3af..1cffe1b 100644
--- a/solid-src/src/pages/ProgressPage.tsx
+++ b/solid-src/src/pages/ProgressPage.tsx
@@ -2,7 +2,7 @@ import { openFile } from "@/util/oshelper";
 import { getTemporaryFilePath, getVencoderFolder } from "@/util/path";
 import { generateRandomString } from "@/util/string";
 import { events, os, storage, type SpawnedProcess } from "@neutralinojs/lib";
-import { createSignal, onMount, onCleanup, Show, Index } from "solid-js";
+import { createSignal, onMount, onCleanup, Show } from "solid-js";
 
 interface TargetFile {
     com: string;
@@ -217,15 +217,15 @@ function ProgressPage() {
                     <Show when={finished()}>
                         Processes finished. You can close this window.
                     </Show>
-                    <Index each={progressList()}>
-                        {(item, _) => (
+                    {progressList().map((item) => {
+                        return (
                             <div
                                 class="row flex-col"
                                 style={{
                                     "padding-bottom": "var(--k-grid-unit)",
                                 }}
                             >
-                                <label>{item().filename}</label>
+                                <label>{item.filename}</label>
                                 <div
                                     class="grid"
                                     style={{
@@ -235,21 +235,21 @@ function ProgressPage() {
                                     <div class="row justify-content-center align-items-center">
                                         <progress
                                             class="col"
-                                            value={item().percentage}
+                                            value={item.percentage}
                                             max="100"
                                         />
                                     </div>
                                     <div class="row justify-content-center align-items-center">
                                         {Math.min(
-                                            Math.round(item().percentage),
+                                            Math.round(item.percentage),
                                             100,
                                         )}
                                         %
                                     </div>
                                 </div>
                             </div>
-                        )}
-                    </Index>
+                        );
+                    })}
                     <div>{queueLength()} file(s) queued.</div>
                 </div>
                 <footer class="p-medium row" style={{ "align-items": "end" }}>