From 33909db46c5fe1356cbdf8a44eeebfcbb5ded4bf Mon Sep 17 00:00:00 2001
From: bsourisse <dev@r4ven.fr>
Date: Fri, 13 Jan 2023 11:57:22 +0100
Subject: [PATCH] ux: placeholder opacity for current settings

---
 Containers/UserSettings/EmailSettings/EmailSettings.js    | 8 ++++++--
 Containers/UserSettings/UserSettings.module.css           | 4 ++++
 .../UserSettings/UsernameSettings/UsernameSettings.js     | 6 +++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/Containers/UserSettings/EmailSettings/EmailSettings.js b/Containers/UserSettings/EmailSettings/EmailSettings.js
index bce941d..5f08ba4 100644
--- a/Containers/UserSettings/EmailSettings/EmailSettings.js
+++ b/Containers/UserSettings/EmailSettings/EmailSettings.js
@@ -89,7 +89,11 @@ export default function EmailSettings(props) {
                         ) : (
                             <form
                                 onSubmit={handleSubmit(formSubmitHandler)}
-                                className={classes.bwForm}
+                                className={
+                                    classes.bwForm +
+                                    ' ' +
+                                    classes.currentSetting
+                                }
                             >
                                 <p>
                                     {error && <Error message={error} />}
@@ -101,7 +105,7 @@ export default function EmailSettings(props) {
                                             pattern: {
                                                 value: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                                                 message:
-                                                    'Your email is not valid',
+                                                    'Your email is not valid.',
                                             },
                                         })}
                                     />
diff --git a/Containers/UserSettings/UserSettings.module.css b/Containers/UserSettings/UserSettings.module.css
index de716a5..59530bc 100644
--- a/Containers/UserSettings/UserSettings.module.css
+++ b/Containers/UserSettings/UserSettings.module.css
@@ -124,3 +124,7 @@
     display: block;
     margin-top: 3px;
 }
+
+.currentSetting input::placeholder {
+    opacity: 1;
+}
diff --git a/Containers/UserSettings/UsernameSettings/UsernameSettings.js b/Containers/UserSettings/UsernameSettings/UsernameSettings.js
index b54533f..0e1613a 100644
--- a/Containers/UserSettings/UsernameSettings/UsernameSettings.js
+++ b/Containers/UserSettings/UsernameSettings/UsernameSettings.js
@@ -90,7 +90,11 @@ export default function UsernameSettings(props) {
                         ) : (
                             <form
                                 onSubmit={handleSubmit(formSubmitHandler)}
-                                className={classes.bwForm}
+                                className={
+                                    classes.bwForm +
+                                    ' ' +
+                                    classes.currentSetting
+                                }
                             >
                                 <p>
                                     {error && <Error message={error} />}