added lock icons for groups

src/components/Group/AddGroupList.tsx

@@ -26,7 +26,9 @@ import _ from "lodash";
 import { MyContext, getBaseApiReact } from "../../App";
 import { LoadingButton } from "@mui/lab";
 import { getBaseApi, getFee } from "../../background";
-
+import LockIcon from '@mui/icons-material/Lock';
+import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
+import { Spacer } from "../../common/Spacer";
 const cache = new CellMeasurerCache({
   fixedWidth: true,
   defaultHeight: 50,
@@ -231,7 +233,17 @@ export const AddGroupList = ({ setInfoSnack, setOpenSnack }) => {
               <ListItemButton
                 onClick={(event) => handlePopoverOpen(event, index)}
               >
-    
+                 {group?.isOpen === false && (
+          <LockIcon sx={{
+            color: 'var(--green)'
+          }} />
+        )}
+        {group?.isOpen === true && (
+          <NoEncryptionGmailerrorredIcon sx={{
+            color: 'var(--unread)'
+          }} />
+        )}
+        <Spacer width="15px" />
                 <ListItemText
                   primary={group?.groupName}
                   secondary={group?.description}

src/components/Group/ListOfGroupPromotions.tsx

@@ -49,7 +49,8 @@ import ShortUniqueId from "short-unique-id";
 import { CustomizedSnackbars } from "../Snackbar/Snackbar";
 import { getGroupNames } from "./UserListOfInvites";
 import { WrapperUserAction } from "../WrapperUserAction";
-
+import LockIcon from '@mui/icons-material/Lock';
+import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
 export const requestQueuePromos = new RequestQueueWithPromise(20);
 
 export function utf8ToBase64(inputString: string): string {
@@ -530,7 +531,10 @@ export const ListOfGroupPromotions = () => {
                     {promotion?.name}
                   </Typography>
                 </Box>
-                <Typography
+               
+              </Box>
+              <Spacer height="20px"/>
+              <Typography
                   sx={{
                     fontWight: 600,
                     fontFamily: "Inter",
@@ -539,7 +543,31 @@ export const ListOfGroupPromotions = () => {
                 >
                   {promotion?.groupName}
                 </Typography>
-              </Box>
+              <Spacer height="20px" />
+                <Box sx={{
+                  display: 'flex',
+                  gap: '20px',
+                  alignItems: 'center'
+                }}>
+                {promotion?.isOpen === false && (
+          <LockIcon sx={{
+            color: 'var(--green)'
+          }} />
+        )}
+        {promotion?.isOpen === true && (
+          <NoEncryptionGmailerrorredIcon sx={{
+            color: 'var(--unread)'
+          }} />
+        )}
+         <Typography
+                      sx={{
+                        fontSize: "15px",
+                        fontWeight: 600,
+                      }}
+                    >
+                      {promotion?.isOpen ? 'Public group' : 'Private group' }
+                    </Typography>
+                </Box>
               <Spacer height="20px" />
               <Typography
                 sx={{

src/components/Group/UserListOfInvites.tsx

@@ -4,7 +4,9 @@ import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtuali
 import { MyContext, getBaseApiReact } from '../../App';
 import { LoadingButton } from '@mui/lab';
 import { getBaseApi, getFee } from '../../background';
-
+import LockIcon from '@mui/icons-material/Lock';
+import NoEncryptionGmailerrorredIcon from '@mui/icons-material/NoEncryptionGmailerrorred';
+import { Spacer } from "../../common/Spacer";
 
 const cache = new CellMeasurerCache({
     fixedWidth: true,
@@ -183,7 +185,17 @@ export const UserListOfInvites = ({myAddress, setInfoSnack, setOpenSnack}) => {
                   </Box>
                 </Popover>
                 <ListItemButton onClick={(event) => handlePopoverOpen(event, index)}>
-
+                {invite?.isOpen === false && (
+          <LockIcon sx={{
+            color: 'var(--green)'
+          }} />
+        )}
+        {invite?.isOpen === true && (
+          <NoEncryptionGmailerrorredIcon sx={{
+            color: 'var(--unread)'
+          }} />
+        )}
+        <Spacer width="15px" />
                   <ListItemText primary={invite?.groupName} secondary={invite?.description} />
                 </ListItemButton>
               </ListItem>