Spaces:
Paused
Paused
File size: 1,639 Bytes
a0fda44 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
import React from "react";
import { useDispatch, useSelector } from "react-redux";
import { modalActions } from "../../store/modalSlice";
import Modal from "./Modal";
import useFetch from "../../hooks/useFetch";
import { chatActions } from "../../store/chatSlice";
import useSocket from "../../hooks/useSocket";
function DeleteChat() {
const dispatch = useDispatch();
const chatData = useSelector((state) => state.modalReducer.payload.chatData);
const { socketEmit } = useSocket();
const deleteChatRoom = () => {
socketEmit("user:chatRoomClear", {
chatRoomId: chatData?.chatRoomId || chatData?._id,
});
dispatch(chatActions.setChatUnactive());
};
return (
<Modal
onClick={() => dispatch(modalActions.closeModal())}
typeValue="deleteChatModal"
className="w-[30rem] !px-[2rem] pb-[2rem]"
canOverlayClose={true}
>
<h2 className="font-semibold text-[2rem]">Discard Chat</h2>
<p className="">
Are you sure you want to delete the chat with{" "}
{chatData?.profile?.name || chatData?.chatProfile?.username}
</p>
<div className="flex items-center justify-center gap-[2rem] mt-[1rem]">
<button className="text-cta-icon rounded-md font-semibold uppercase p-[1rem] hover:bg-secondary-light-text">
Cancel
</button>
<button
onClick={() => {
deleteChatRoom();
}}
className="text-danger rounded-md font-semibold uppercase p-[1rem] hover:bg-secondary-light-text"
>
Delete Chat
</button>
</div>
</Modal>
);
}
export default DeleteChat;
|