From 2174c5cb6a5d8a5d9bd61d07e330e4c315b99baf Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Fri, 11 Sep 2020 02:00:12 +0300
Subject: darken avatar image while progressing new one

---
 src/containers/Profile/ProfileInfo.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/containers/Profile/ProfileInfo.tsx b/src/containers/Profile/ProfileInfo.tsx
index e2fb0a9..1f5a103 100644
--- a/src/containers/Profile/ProfileInfo.tsx
+++ b/src/containers/Profile/ProfileInfo.tsx
@@ -27,8 +27,12 @@ const useStyles = makeStyles(theme => ({
   avatar: {
     width: 150,
     height: 150,
+    position: 'relative',
     margin: '0 auto'
   },
+  darken: {
+    filter: 'brightness(50%)'
+  },
   name: {
     margin: theme.spacing(1, 0),
     display: 'flex',
@@ -129,7 +133,7 @@ const ProfileInfo: React.FC<PropTypes> = ({
                     </FileUpload>
                   )}
                 >
-                  <Avatar className={classes.avatar} user={userInfo} />
+                  <Avatar className={[classes.avatar, progress && classes.darken].join(' ')} user={userInfo} />
                   {progress > 0 && (
                     <CircularProgress variant="static" value={progress} className={classes.progress} />
                   )}
-- 
cgit v1.2.3