From d71d90d53e38127a3f24dae50aa79edc9f641abb Mon Sep 17 00:00:00 2001
From: Age Manning <Age@AgeManning.com>
Date: Mon, 1 Jul 2024 23:19:08 +1000
Subject: [PATCH] Rename auth variables (#252)

Co-authored-by: Mavrik <mrricki.m.usmc@gmail.com>
---
 src/components/AuthPrompt/AuthPrompt.tsx            | 13 +++++++++----
 .../ValidatorGraffiti/ValidatorGraffiti.tsx         |  2 +-
 src/locales/translations/en-US.json                 | 10 +++++++++-
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/AuthPrompt/AuthPrompt.tsx b/src/components/AuthPrompt/AuthPrompt.tsx
index 3d03e8c8..744d06c5 100644
--- a/src/components/AuthPrompt/AuthPrompt.tsx
+++ b/src/components/AuthPrompt/AuthPrompt.tsx
@@ -1,7 +1,7 @@
 import { FC, useState } from 'react';
 import { Controller } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import Lighthouse from '../../assets/images/lightHouse.svg'
+import Lighthouse from '../../assets/images/lightHouse.svg';
 import { UiMode } from '../../constants/enums';
 import AuthenticationForm, { AuthFormProps } from '../../forms/AuthenticationForm';
 import AnimatedHeader from '../AnimatedHeader/AnimatedHeader';
@@ -47,7 +47,10 @@ const AuthPrompt:FC<AuthModalProps> = ({onSubmit, isVisible, isLoading, mode, on
                     control={control as any}
                     render={({ field: { ref: _ref, ...props }, fieldState }) => (
                       <Input
-                        label="User Name"
+                        tooltip={t('authPrompt.tooltip.displayName')}
+                        toolTipId="displayName"
+                        toolTipMode={UiMode.LIGHT}
+                        label={t('authPrompt.label.name')}
                         uiMode={mode}
                         error={fieldState.error?.message}
                         {...props}
@@ -61,7 +64,9 @@ const AuthPrompt:FC<AuthModalProps> = ({onSubmit, isVisible, isLoading, mode, on
                   render={({ field: { ref: _ref, ...props }, fieldState }) => (
                     <Input
                       isAutoFocus
-                      label={isNamePrompt ? 'Password' : undefined}
+                      tooltip={t('authPrompt.tooltip.sessionPassword')}
+                      toolTipId="sessionPassword"
+                      label={isNamePrompt ? t('authPrompt.label.sessionPassword') : undefined}
                       autoComplete="new-password"
                       type="password"
                       uiMode={mode}
@@ -82,4 +87,4 @@ const AuthPrompt:FC<AuthModalProps> = ({onSubmit, isVisible, isLoading, mode, on
   )
 }
 
-export default AuthPrompt;
\ No newline at end of file
+export default AuthPrompt;
diff --git a/src/components/ValidatorGraffiti/ValidatorGraffiti.tsx b/src/components/ValidatorGraffiti/ValidatorGraffiti.tsx
index 828832bb..02e7fb2d 100644
--- a/src/components/ValidatorGraffiti/ValidatorGraffiti.tsx
+++ b/src/components/ValidatorGraffiti/ValidatorGraffiti.tsx
@@ -77,7 +77,7 @@ const ValidatorGraffiti:FC<ValidatorGraffitiProps> = ({validator}) => {
 
   return (
     <>
-      <AuthPrompt isLoading={isLoading} mode={mode} onClose={closeAuth} isVisible={isAuth} onSubmit={updateGraffiti} />
+      <AuthPrompt isLoading={isLoading} maxHeight="400px" mode={mode} onClose={closeAuth} isVisible={isAuth} onSubmit={updateGraffiti} />
       <ValidatorGraffitiInput isLoading={isLoading} onSubmit={storeGraffitiInput} value={graffiti} />
     </>
   )
diff --git a/src/locales/translations/en-US.json b/src/locales/translations/en-US.json
index bcf8c2a6..3fd0d527 100644
--- a/src/locales/translations/en-US.json
+++ b/src/locales/translations/en-US.json
@@ -481,7 +481,15 @@
     "noPasswordFound": "No Session Password found",
     "invalidPassword": "Invalid password. Please try again.",
     "unableToReach": "Unable to reach backend.",
-    "defaultErrorMessage": "Error reaching backend server..."
+    "defaultErrorMessage": "Error reaching backend server...",
+    "tooltip": {
+      "displayName": "Display name for the Siren dashboard",
+      "sessionPassword": "Required password set in the configuration file"
+    },
+    "label": {
+      "name": "Name",
+      "sessionPassword": "Session Password"
+    }
   },
   "errorPage": {
     "title": "Opps!",