block user changes

src/components/Group/BlockedUsersModal.tsx

@@ -6,6 +6,7 @@ import {
   DialogContent,
   DialogContentText,
   DialogTitle,
+  IconButton,
   TextField,
   Typography,
 } from "@mui/material";
@@ -18,6 +19,8 @@ import { getNameInfo, requestQueueMemberNames } from "./Group";
 import { useModal } from "../../common/useModal";
 import { useRecoilState } from "recoil";
 import { isOpenBlockedModalAtom } from "../../atoms/global";
+import CloseIcon from '@mui/icons-material/Close';
+
 import InfoIcon from '@mui/icons-material/Info';
 export const BlockedUsersModal = () => {
   const [isOpenBlockedModal, setIsOpenBlockedModal] = useRecoilState(isOpenBlockedModalAtom)
@@ -314,6 +317,17 @@ export const BlockedUsersModal = () => {
         <DialogTitle id="alert-dialog-title">
           {"Decide what to block"}
         </DialogTitle>
+        <IconButton
+          onClick={onCancel}
+          sx={{
+            position: 'absolute',
+            right: 8,
+            top: 8,
+            color: 'white',
+          }}
+        >
+          <CloseIcon />
+        </IconButton>
         <DialogContent>
           <DialogContentText id="alert-dialog-description">
             Blocking {message?.userName || message?.userAddress}

src/components/Group/Group.tsx

@@ -1908,6 +1908,7 @@ export const Group = ({
             width: "100%",
             justifyContent: "center",
             padding: "10px",
+            gap: '10px'
           }}
         >
           <CustomButton
@@ -1925,6 +1926,23 @@ export const Group = ({
             />
             New Chat
           </CustomButton>
+          {!isRunningPublicNode && (
+            <CustomButton
+              onClick={() => {
+                setIsOpenBlockedUserModal(true);
+              }}
+              sx={{
+                minWidth: 'unset',
+                padding: '10px',
+              }}
+            >
+              <PersonOffIcon
+                sx={{
+                  color: 'white',
+                }}
+              />
+            </CustomButton>
+          )}
         </div>
       </div>
     );