diff --git a/src/main/resources/static/images/eye-slash.svg b/src/main/resources/static/images/eye-slash.svg
new file mode 100644
index 00000000..c5208375
--- /dev/null
+++ b/src/main/resources/static/images/eye-slash.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/src/main/resources/static/images/eye.svg b/src/main/resources/static/images/eye.svg
new file mode 100644
index 00000000..412ff692
--- /dev/null
+++ b/src/main/resources/static/images/eye.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/main/resources/templates/account.html b/src/main/resources/templates/account.html
index 78d5bddd..96421b5e 100644
--- a/src/main/resources/templates/account.html
+++ b/src/main/resources/templates/account.html
@@ -71,9 +71,14 @@
-
-
-
+
+
+
+
@@ -90,11 +95,14 @@
function showApiKey() {
const apiKeyElement = document.getElementById("apiKey");
const copyBtn = document.getElementById("copyBtn");
+ const eyeIcon = document.getElementById("eyeIcon");
if (apiKeyElement.type === "password") {
apiKeyElement.type = "text";
+ eyeIcon.src = "images/eye-slash.svg";
copyBtn.disabled = false; // Enable copy button when API key is visible
} else {
apiKeyElement.type = "password";
+ eyeIcon.src = "images/eye.svg";
copyBtn.disabled = true; // Disable copy button when API key is hidden
}
}