From 3217373024ae14edd39f3667eebb0bc702bacc52 Mon Sep 17 00:00:00 2001
From: grngxd <36968271+grngxd@users.noreply.github.com>
Date: Sat, 21 Jun 2025 21:58:33 +0100
Subject: [PATCH] q icon to osbar

---
 src/components/dashboard/OSBar.tsx | 6 +++---
 src/components/misc/Icons.tsx      | 7 +++++++
 src/routes/dashboard/index.tsx     | 6 ++----
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/dashboard/OSBar.tsx b/src/components/dashboard/OSBar.tsx
index 44f6698..47206ac 100644
--- a/src/components/dashboard/OSBar.tsx
+++ b/src/components/dashboard/OSBar.tsx
@@ -1,5 +1,5 @@
 import { component$ } from "@builder.io/qwik";
-import { SolarLibraryLinear, SolarRoundedMagniferLinear, SolarSettingsLinear, SolarUploadMinimalisticLinear, StereoCircularProgress, StereoLogoLinear } from "../misc/Icons";
+import { SolarLibraryLinear, SolarQuestionCircleLinear, SolarRoundedMagniferLinear, SolarSettingsLinear, SolarUploadMinimalisticLinear, StereoCircularProgress, StereoLogoLinear } from "../misc/Icons";
 
 export default component$(() => {
     const used = 3.8;
@@ -37,8 +37,8 @@ export default component$(() => {
                 background: "rgba(255, 38, 78, 0.15)",
                 boxShadow: "0px 4px 20px 0px rgba(255, 38, 78, 0.08), 0px 8px 12px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.06), 0px 2px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 8px 0px rgba(255, 38, 78, 0.12) inset, 0px 1px 3px 0px rgba(255, 38, 78, 0.24) inset",
                 backdropFilter: "blur(12px)",
-            }} class="flex items-center justify-center px-6 py-4 gap-2 text-white text-xl">
-                ?
+            }} class="flex items-center justify-center px-5 py-5 gap-2 text-white text-3xl h-full">
+                <SolarQuestionCircleLinear />
             </div>
         </div>
     )
diff --git a/src/components/misc/Icons.tsx b/src/components/misc/Icons.tsx
index 73511c1..6718fbe 100644
--- a/src/components/misc/Icons.tsx
+++ b/src/components/misc/Icons.tsx
@@ -65,6 +65,13 @@ export function SolarSettingsLinear(props: QwikIntrinsicElements['svg'], key: st
   )
 }
 
+
+export function SolarQuestionCircleLinear(props: QwikIntrinsicElements['svg'], key: string) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" {...props} key={key}><g fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" /><path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M10.125 8.875a1.875 1.875 0 1 1 2.828 1.615c-.475.281-.953.708-.953 1.26V13" /><circle cx="12" cy="16" r="1" fill="currentColor" /></g></svg>
+  )
+}
+
 // Stereo
 
 export function StereoLogoBold(props: QwikIntrinsicElements['svg'], key: string) {
diff --git a/src/routes/dashboard/index.tsx b/src/routes/dashboard/index.tsx
index 5bd769c..b6f48e8 100644
--- a/src/routes/dashboard/index.tsx
+++ b/src/routes/dashboard/index.tsx
@@ -49,12 +49,10 @@ const Files = component$<{
 	})
 
 	return (
-		<div class="mb-6 flex flex-col w-full max-h-full overflow-y-scroll overflow-x-hidden mask-clip-content rounded-3xl">
+		<div class="mb-6 flex flex-col w-full max-h-full overflow-y-auto overflow-x-hidden mask-clip-content rounded-3xl">
 			<div class="w-full h-full grid grid-cols-4 gap-2">
 				{files.value.map((file) => (
-					Array.from({ length: 15 }).map((_, i) => (
-						<File file={file} key={`${file.ID}-${i}`} />
-					))
+					<File key={file.ID} file={file} />
 				))}
 			</div>
 		</div>