block user changes

src/components/Group/BlockedUsersModal.tsx

@@ -6,12 +6,15 @@ import {
   DialogContent,
   DialogContentText,
   DialogTitle,
+  IconButton,
   TextField,
   Typography,
 } from "@mui/material";
 import React, { useContext, useEffect, useState } from "react";
 import { getBaseApiReact, MyContext } from "../../App";
 import { Spacer } from "../../common/Spacer";
+import CloseIcon from '@mui/icons-material/Close';
+
 import { executeEvent, subscribeToEvent, unsubscribeFromEvent } from "../../utils/events";
 import { validateAddress } from "../../utils/validateAddress";
 import { getNameInfo, requestQueueMemberNames } from "./Group";
@@ -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

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