From 3914eb8e113a2e685687950993e5d99dd31cccd2 Mon Sep 17 00:00:00 2001
From: OTKUSteyler <qsanom@proton.me>
Date: Fri, 11 Sep 2026 08:00:13 +0200
Subject: [PATCH] Create Settings.tsx

---
 .../CustomBackgroundMusic/Settings.tsx        | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/core/plugins/CustomBackgroundMusic/Settings.tsx

diff --git a/src/core/plugins/CustomBackgroundMusic/Settings.tsx b/src/core/plugins/CustomBackgroundMusic/Settings.tsx
new file mode 100644
index 0000000..79872bb
--- /dev/null
+++ b/src/core/plugins/CustomBackgroundMusic/Settings.tsx
@@ -0,0 +1,33 @@
+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, playFromUrl } from ".";
+
+const { FormSection, FormRow, FormIcon, FormInput } = Forms;
+
+export default function Settings() {
+    useProxy(storage);
+
+    return (
+        <General.ScrollView style={{ flex: 1 }}>
+            <FormSection title="Background Music">
+                <FormRow
+                    label="Music URL"
+                    leading={<FormIcon source={getAssetIDByName("ic_link")} />}
+                />
+                <FormInput
+                    title=""
+                    keyboardType="url"
+                    placeholder="https://link.to/music.mp3"
+                    value={settings.url}
+                    onChange={(x: string) => {
+                        settings.url = x;
+                        if (x) playFromUrl(x);
+                    }}
+                    style={{ marginTop: -25, marginHorizontal: 12 }}
+                />
+            </FormSection>
+        </General.ScrollView>
+    );
+}