Merge pull request #1865 from mertbagt/update-login-component

updated text and graphic

Author: Mephistic

components/Login/login.tsx

@@ -14,14 +14,28 @@ export default function LoginPage() {
   return (
     <StyledContainer>
       <div className={`bg-white my-3 overflow-hidden rounded-3`}>
-        <div className={`align-items-center d-flex px-2 pt-2 pb-0`}>
+        <div
+          className={`align-items-center d-flex justify-content-center px-2 pt-2 pb-0`}
+        >
           <div className={`px-3 py-0`}>
-            <div className={`align-items-start fs-5 lh-sm mb-1 text-secondary`}>
-              {t("probablySignedOut")}
+            <div
+              className={`align-items-center d-flex fs-5 justify-content-center lh-sm mb-1 text-secondary`}
+            >
+              <div className={`pe-2`}>
+                <img
+                  alt="closed lock with key"
+                  src={`/closed-lock-with-key.png`}
+                  width="32"
+                  height="32"
+                />{" "}
+              </div>
+              {t("almostThere")}
             </div>
             <br />
-            <div className={`align-items-start fs-5 lh-sm mb-1 text-secondary`}>
-              {t("pleaseConsider")}
+            <div
+              className={`align-items-start d-flex fs-5 justify-content-center lh-sm mb-1 text-secondary`}
+            >
+              {t("justLogIn")}
             </div>
             <br />
             <div className={`justify-content-center d-flex w-100`}>

public/closed-lock-with-key.png

@@ -55,6 +55,6 @@
   "verifyEmail": "Verify your email address",
   "verifyLinkSent": "Please verify your email for your account by clicking the verification link we sent to your email. You will be required to verify your email before submitting testimony.",
   "setUpProfile": "Set Up Your Profile",
-  "probablySignedOut": "You were possibly signed out while trying to go to a page that needs to be signed in to function",
-  "pleaseConsider": "Please consider logging in first:"
+  "almostThere": "Almost there!",
+  "justLogIn": "Just log in to see the page we sent you. You’ll be redirected automatically after logging in."
 }