commit b3788bf546ec7017527da9ab0d8bf77e2f1dfea6
author idillon <io.daza-dillon@savoirfairelinux.com> Mon Aug 29 15:57:57 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:07 2022 -0400
tree f785764d5d8c8560c04b081bba52b8c2b98bb6fa
parent 760b7fb35b3e62cccab9537a4f9355e99a8e3e65

add 'close' and 'back' buttons

Change-Id: I443ea72bb514753f83c63c7de70124a7aa6f4049

client/src/components/inputs.js

diff --git a/client/src/components/inputs.js b/client/src/components/inputs.js
index f7e5824..0a5ce9e 100644
--- a/client/src/components/inputs.js
+++ b/client/src/components/inputs.js
@@ -2,11 +2,11 @@
 import { styled } from "@mui/styles"
 import React from "react"
 import { InfoButton, ToggleVisibilityButton } from "./buttons"
-import { CheckedIcon, CrossIcon, LockIcon, PenIcon, PersonIcon } from "./svgIcons"
+import { CheckedIcon, RoundCrossIcon, LockIcon, PenIcon, PersonIcon } from "./svgIcons"
 
 const iconsHeight = "16px"
 const StyledCheckedIconSuccess = styled(CheckedIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.success.main}))
-const StyledCrossIconError = styled(CrossIcon)(({theme}) => ({height: iconsHeight, color: theme.palette.error.main}))
+const StyledRoundCrossIconError = styled(RoundCrossIcon)(({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 = StyledCrossIconError
+            Icon = StyledRoundCrossIconError
         }
         else if (props.success) {
             Icon = StyledCheckedIconSuccess
@@ -75,7 +75,7 @@
         let Icon = StyledLockIcon
         let visibility = "visible"
         if (props.error) {
-            Icon = StyledCrossIconError
+            Icon = StyledRoundCrossIconError
         }
         else if (props.success) {
             Icon = StyledCheckedIconSuccess