From f43162abef571f66e5160e2a0d62683405e414ad Mon Sep 17 00:00:00 2001
From: stringsplit <77242831+nbitzz@users.noreply.github.com>
Date: Tue, 1 Aug 2023 13:36:14 +0000
Subject: [PATCH] Audio previews

---
 src/server/index.ts                    | 6 +++++-
 src/style/downloads.scss               | 2 +-
 src/svelte/elem/pulldowns/Files.svelte | 6 ++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/server/index.ts b/src/server/index.ts
index 64be540..2dcb90d 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -166,7 +166,11 @@ app.get("/download/:fileId",(req,res) => {
                     : (
                         file.mime.startsWith("video/")
                         ? `<div style="min-height:10px"></div><video src="/file/${req.params.fileId}" controls></video>`
-                        : ""
+                        : (
+                            file.mime.startsWith("audio/")
+                            ? `<div style="min-height:10px"></div><audio src="/file/${req.params.fileId}" controls></audio>`
+                            : ""
+                        )
                     )
                 )
                 .replace(/\$Uploader/g,!file.owner||file.visibility=="anonymous" ? "Anonymous" : `@${Accounts.getFromId(file.owner)?.username || "Deleted User"}`)
diff --git a/src/style/downloads.scss b/src/style/downloads.scss
index 58193a3..81ff36e 100644
--- a/src/style/downloads.scss
+++ b/src/style/downloads.scss
@@ -20,7 +20,7 @@
 }
 
 #uploadWindow {
-    img, video {
+    img, video, audio {
         width:100%;
     }
 }
\ No newline at end of file
diff --git a/src/svelte/elem/pulldowns/Files.svelte b/src/svelte/elem/pulldowns/Files.svelte
index 4f27f3d..3a8be7a 100644
--- a/src/svelte/elem/pulldowns/Files.svelte
+++ b/src/svelte/elem/pulldowns/Files.svelte
@@ -8,6 +8,7 @@
     import OptionPicker from "../prompts/OptionPicker.svelte";
 
     let picker;
+    let query = "";
 
     fetchFilePointers();
 </script>
@@ -25,10 +26,11 @@
         </div>
     {:else}
         <div class="loggedIn">
-            <input type="text" placeholder={`Search ${$files.length} file(s)`} class="searchBar">
+            <input type="text" placeholder={`Search ${$files.length} file(s)`} class="searchBar" bind:value={query}>
 
             <div class="fileList">
-                {#each $files as file (file.id)}
+                <!-- Probably wildly inefficient but who cares, I just wanna get this over with -->
+                {#each $files.filter(f => f.name.toLowerCase().includes(query.toLowerCase()) || f.id.toLowerCase().includes(query.toLowerCase()) || f.tag.includes(query.toLowerCase())) as file (file.id)}
                     <div class="flFile" transition:fade={{duration:200}} animate:flip={{duration:200}}>
                         <button class="hitbox" on:click={window.open(`/download/${file.id}`)}></button> <!-- this is bad, but I'm lazy -->
                         <div class="flexCont">