From 0786b66ee2d47c7159aa29d9d2bdfe1b3007b11c Mon Sep 17 00:00:00 2001
From: Aiga115 <aiguljhyldyzbekkyzy@gmail.com>
Date: Tue, 9 Jan 2024 13:09:20 +0100
Subject: [PATCH] #602 email visibility handled

---
 .../src/components/user/UserEditor.tsx        | 55 ++++++++++---------
 1 file changed, 29 insertions(+), 26 deletions(-)

diff --git a/applications/osb-portal/src/components/user/UserEditor.tsx b/applications/osb-portal/src/components/user/UserEditor.tsx
index 8138206d..aa9f2231 100644
--- a/applications/osb-portal/src/components/user/UserEditor.tsx
+++ b/applications/osb-portal/src/components/user/UserEditor.tsx
@@ -284,32 +284,35 @@ export default (props: UserEditProps) => {
             }}
           />
         </Box>
-        <Box mb={1} mt={1}>
-          <FormLabel>Email address</FormLabel>
-          <TextField
-            error={error.email}
-            helperText={error.email}
-            sx={styles.textFieldWithIcon}
-            fullWidth={true}
-            onChange={setProfileEmailAddress}
-            variant="outlined"
-            defaultValue={userForm.email}
-            InputProps={{
-              startAdornment: (
-                <Box sx={styles.inputIconBox}>
-                  <EmailIcon fontSize="small" />
-                </Box>
-              ),
-            }}
-          />
-          <Typography
-            component="span"
-            variant="body1"
-            style={{ fontWeight: "normal" }}
-          >
-            Your email address is private. Other users can't see it.
-          </Typography>
-        </Box>
+        {
+          props.user.email && <Box mb={1} mt={1}>
+            <FormLabel>Email address</FormLabel>
+            <TextField
+              error={error.email}
+              disabled={props.user.email !== undefined}
+              helperText={error.email}
+              sx={styles.textFieldWithIcon}
+              fullWidth={true}
+              onChange={setProfileEmailAddress}
+              variant="outlined"
+              defaultValue={userForm.email}
+              InputProps={{
+                startAdornment: (
+                  <Box sx={styles.inputIconBox}>
+                    <EmailIcon fontSize="small" />
+                  </Box>
+                ),
+              }}
+            />
+            <Typography
+              component="span"
+              variant="body1"
+              style={{ fontWeight: "normal" }}
+            >
+              Your email address is private. Other users can't see it.
+            </Typography>
+          </Box>
+        }
         <Box mb={1} mt={1}>
           <FormLabel>Links</FormLabel>
           <Tooltip title="Website link">