commit 927b759a1deea0f0da709c930a89e2e765ce8211
author idillon <io.daza-dillon@savoirfairelinux.com> Thu Sep 15 12:56:45 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Mon Sep 19 11:42:20 2022 -0400
tree 9b05ecb12ed97136295b14557d2dca20daef9bbf
parent 023f7cf8c6269e64df1507b3041dd6b29ff80687

integrate styles of messages' tooltip

Change-Id: I4f66cfc5fe561a9eaa90e6eff7624f839b45d51f

client/src/components/inputs.js

diff --git a/client/src/components/inputs.js b/client/src/components/inputs.js
index a0315d3..aec48d3 100644
--- a/client/src/components/inputs.js
+++ b/client/src/components/inputs.js
@@ -2,11 +2,11 @@
 import { styled } from "@mui/material/styles"
 import { useState, useCallback, useEffect } from "react";
 import { InfoButton, ToggleVisibilityButton } from "./buttons"
-import { CheckedIcon, RoundCrossIcon, LockIcon, PenIcon, PersonIcon } from "./svgIcons"
+import { CheckedIcon, RoundSaltireIcon, LockIcon, PenIcon, PersonIcon } from "./svgIcons"
 
 const iconsHeight = "16px"
 const StyledCheckedIconSuccess = styled(CheckedIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.success.main}))
-const StyledRoundCrossIconError = styled(RoundCrossIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.error.main}))
+const StyledRoundSaltireIconError = styled(RoundSaltireIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.error.main}))
 const StyledPenIconLight = styled(PenIcon)({height: iconsHeight, color: "#03B9E9"})
 const StyledPenIconDark  = styled(PenIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.primary.dark}))
 const StyledPersonIconLight = styled(PersonIcon)({height: iconsHeight, color: "#03B9E9"})
@@ -27,7 +27,7 @@
         let Icon = StyledPersonIconLight
         let visibility = "visible"
         if (props.error) {
-            Icon = StyledRoundCrossIconError
+            Icon = StyledRoundSaltireIconError
         }
         else if (props.success) {
             Icon = StyledCheckedIconSuccess
@@ -75,7 +75,7 @@
         let Icon = StyledLockIcon
         let visibility = "visible"
         if (props.error) {
-            Icon = StyledRoundCrossIconError
+            Icon = StyledRoundSaltireIconError
         }
         else if (props.success) {
             Icon = StyledCheckedIconSuccess