diff --git a/client/src/Components/v1/Check/Check.jsx b/client/src/Components/v1/Check/Check.jsx index cc3749fda..c40f3de3e 100644 --- a/client/src/Components/v1/Check/Check.jsx +++ b/client/src/Components/v1/Check/Check.jsx @@ -56,7 +56,14 @@ const Check = ({ text, noHighlightText, variant = "info", outlined = false }) => fontWeight: 450, }} > - {noHighlightText && {noHighlightText}}{" "} + {noHighlightText && ( + + {noHighlightText} + + )}{" "} {text} diff --git a/client/src/Pages/Account/components/ProfilePanel.jsx b/client/src/Pages/Account/components/ProfilePanel.jsx index d59923ae4..dfe508879 100644 --- a/client/src/Pages/Account/components/ProfilePanel.jsx +++ b/client/src/Pages/Account/components/ProfilePanel.jsx @@ -210,7 +210,11 @@ const ProfilePanel = () => { autoComplete="given-name" onChange={handleChange} error={errors[idToName["edit-first-name"]] ? true : false} - helperText={errors[idToName["edit-first-name"]]} + helperText={ + errors[idToName["edit-first-name"]] + ? t(errors[idToName["edit-first-name"]]) + : "" + } flex={1} /> @@ -228,7 +232,11 @@ const ProfilePanel = () => { value={localData.lastName} onChange={handleChange} error={errors[idToName["edit-last-name"]] ? true : false} - helperText={errors[idToName["edit-last-name"]]} + helperText={ + errors[idToName["edit-last-name"]] + ? t(errors[idToName["edit-last-name"]]) + : "" + } flex={1} /> diff --git a/client/src/Pages/Auth/components/PasswordTooltip.jsx b/client/src/Pages/Auth/components/PasswordTooltip.jsx index 2881eb001..361850aca 100644 --- a/client/src/Pages/Auth/components/PasswordTooltip.jsx +++ b/client/src/Pages/Auth/components/PasswordTooltip.jsx @@ -75,7 +75,7 @@ const PasswordTooltip = ({ feedback, form, children }) => { slotProps={{ tooltip: { sx: { - backgroundColor: theme.palette.tertiary.background, + backgroundColor: theme.palette.tertiary.main, border: `0.5px solid ${theme.palette.primary.lowContrast}90`, borderRadius: theme.spacing(4), color: theme.palette.primary.contrastText, @@ -88,7 +88,7 @@ const PasswordTooltip = ({ feedback, form, children }) => { }, arrow: { sx: { - color: theme.palette.tertiary.background, + color: theme.palette.tertiary.main, }, }, }}