From 918269f42e28a56583fb4646e95281622a8f63d7 Mon Sep 17 00:00:00 2001
From: voldemort <5692900+yell0wsuit@users.noreply.github.com>
Date: Sun, 20 Jul 2025 17:16:40 +0700
Subject: [PATCH] update setting UI, showing current instance in a separate
 line

---
 frontend/src/components/settings.jsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/settings.jsx b/frontend/src/components/settings.jsx
index 7e7ba9a..ba5cd9c 100644
--- a/frontend/src/components/settings.jsx
+++ b/frontend/src/components/settings.jsx
@@ -104,25 +104,28 @@ function Settings({ onConfigSaved }) {
 
     return (
         <div className="w-full h-full overflow-y-auto overflow-x-auto flex flex-col p-4">
+            {storedUrl && (
+                <p className="text-gray-300 mb-2">
+                    Current instance: <span className="text-white font-semibold">{storedUrl}</span>
+                </p>
+            )}
+
+            <p className="mt-3 text-white">New instance URL:</p>
             <input
                 type="text"
                 value={instanceUrl}
                 onChange={(e) => setInstanceUrl(e.target.value)}
-                placeholder={
-                    storedUrl
-                        ? `Current CDRM Instance: ${storedUrl}`
-                        : "CDRM Instance URL (e.g., https://cdrm-project.com/, http://127.0.0.1:5000/)"
-                }
-                className="w-full p-4 text-lg bg-gray-800 text-white border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4"
+                placeholder="https://cdrm-project.com/, http://127.0.0.1:5000/"
+                className="w-full p-4 text-lg bg-gray-800 text-white border border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4 font-mono"
             />
             <button
                 onClick={handleSave}
                 disabled={loading}
-                className={`mt-4 p-2 ${
+                className={`mt-4 p-2 font-bold ${
                     loading ? "bg-blue-400" : "bg-blue-600 hover:bg-blue-700"
                 } text-white rounded-md transition duration-300`}
             >
-                {loading ? "Connecting..." : "Save Settings"}
+                {loading ? "Connecting..." : "Save settings"}
             </button>
 
             {message && (