From 1e381e49405f858b2e543454b7861a597a58572a Mon Sep 17 00:00:00 2001
From: OTKUSteyler <qsanom@proton.me>
Date: Fri, 11 Sep 2026 07:38:52 +0200
Subject: [PATCH] Update Settings.tsx

---
 .../custom background music/Settings.tsx      | 33 +++++++------------
 1 file changed, 11 insertions(+), 22 deletions(-)

diff --git a/src/core/plugins/custom background music/Settings.tsx b/src/core/plugins/custom background music/Settings.tsx
index 4fd61e4..79872bb 100644
--- a/src/core/plugins/custom background music/Settings.tsx	
+++ b/src/core/plugins/custom background music/Settings.tsx	
@@ -2,42 +2,31 @@ import { storage } from "@vendetta/plugin";
 import { useProxy } from "@vendetta/storage";
 import { getAssetIDByName } from "@vendetta/ui/assets";
 import { Forms, General } from "@vendetta/ui/components";
-import { settings } from ".";
+import { settings, playFromUrl } from ".";
 
-const { FormSection, FormRow, FormIcon, FormInput, FormSliderRow } = Forms;
+const { FormSection, FormRow, FormIcon, FormInput } = Forms;
 
 export default function Settings() {
     useProxy(storage);
 
     return (
         <General.ScrollView style={{ flex: 1 }}>
-            <FormSection title="Background">
+            <FormSection title="Background Music">
                 <FormRow
-                    label="Image URL"
-                    leading={<FormIcon source={getAssetIDByName("ic_image")} />}
+                    label="Music URL"
+                    leading={<FormIcon source={getAssetIDByName("ic_link")} />}
                 />
                 <FormInput
                     title=""
                     keyboardType="url"
-                    placeholder="https://link.to/background.png"
-                    value={settings.backgroundUrl}
-                    onChange={(x: string) => (settings.backgroundUrl = x)}
+                    placeholder="https://link.to/music.mp3"
+                    value={settings.url}
+                    onChange={(x: string) => {
+                        settings.url = x;
+                        if (x) playFromUrl(x);
+                    }}
                     style={{ marginTop: -25, marginHorizontal: 12 }}
                 />
-                <FormSliderRow
-                    label="Opacity"
-                    value={settings.opacity ?? 0.3}
-                    minimumValue={0}
-                    maximumValue={1}
-                    onValueChange={(v: number) => (settings.opacity = v)}
-                />
-                <FormSliderRow
-                    label="Blur"
-                    value={settings.blur ?? 0}
-                    minimumValue={0}
-                    maximumValue={25}
-                    onValueChange={(v: number) => (settings.blur = v)}
-                />
             </FormSection>
         </General.ScrollView>
     );