diff --git a/packages/chat-sdk/src/components/Message.tsx b/packages/chat-sdk/src/components/Message.tsx index 23984d4ed..70c856ff3 100644 --- a/packages/chat-sdk/src/components/Message.tsx +++ b/packages/chat-sdk/src/components/Message.tsx @@ -36,7 +36,8 @@ import DoneIcon from "@mui/icons-material/Done"; import DoneAllIcon from "@mui/icons-material/DoneAll"; import MoreHorizIcon from "@mui/icons-material/MoreHoriz"; import VerifiedIcon from "@mui/icons-material/Verified"; -import { Button, IconButton, Skeleton } from "@mui/material"; +import { Button, IconButton, Skeleton, Tooltip } from "@mui/material"; +import Info from "@mui/icons-material/Info"; import Menu from "@mui/material/Menu"; import MenuItem from "@mui/material/MenuItem"; import { createStyles, makeStyles } from "@mui/styles"; @@ -1146,6 +1147,7 @@ function DeleteIconInternal({ ); } + function DeletedMessage() { const theme = useCustomTheme(); return ( @@ -1157,9 +1159,19 @@ function DeletedMessage() { display: "inline-flex", padding: "2px 6px", marginLeft: -6, + alignItems: "center", }} > - Message removed + Message removed + + + ); }