Kinou/ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Alert mute

Browse Source
This commit is contained in:
Elisee ADJIGUIDI 2023-06-26 04:44:08 +02:00
parent 8ebeabb386
commit ba5490cf90
1 changed files with 166 additions and 154 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
containers/react/src/components/Messages/ModalSetting.tsx
View File

@ -13,18 +13,24 @@ import GreenAlert from "../Alert/GreenAlert.tsx";
const dropIn = { const dropIn = {
hidden:{y:"-100vh", hidden: {
opacity: 0,}, y: "-100vh",
visible:{y: "0", opacity: 0,
},
visible: {
y: "0",
opacity: 0, opacity: 0,
transotion: { transotion: {
duration: 0.1, duration: 0.1,
type: "spring", type: "spring",
damping: 100, damping: 100,
stiffness: 500, stiffness: 500,
}}, }
exit:{y: "100vh", },
opacity: 0,}, exit: {
y: "100vh",
opacity: 0,
},
}; };
@ -76,8 +82,7 @@ const ModalSetting = ({handleClose, convId, socket }: ModalSettingProps) => {
// Function to run when myVariable changes // Function to run when myVariable changes
const handleVariableChange = () => { const handleVariableChange = () => {
console.log('Variable changed:', privateConv); console.log('Variable changed:', privateConv);
if (privateConv === undefined) if (privateConv === undefined) {
{
console.log("return") console.log("return")
return; return;
} }
@ -174,8 +179,7 @@ const ModalSetting = ({handleClose, convId, socket }: ModalSettingProps) => {
if (res.data === 2) if (res.data === 2)
setUnban(true); setUnban(true);
if (socket) if (socket) {
{
console.log("emit to ban server") console.log("emit to ban server")
socket.emit("ban", { username: selectedUser }) socket.emit("ban", { username: selectedUser })
} }
@ -196,6 +200,9 @@ const ModalSetting = ({handleClose, convId, socket }: ModalSettingProps) => {
handleClose(); handleClose();
}; };
const [muteAlert, setMuteAlert] = useState(false);
const closeMuteAlert = () => setMuteAlert(false);
const handleMute = async (e: { key: string; }) => { const handleMute = async (e: { key: string; }) => {
console.log(`e in press= ${e.key}`) console.log(`e in press= ${e.key}`)
if (e.key != "Enter") if (e.key != "Enter")
@ -204,7 +211,9 @@ const ModalSetting = ({handleClose, convId, socket }: ModalSettingProps) => {
// console.log("value mute = ", e.target.value); // console.log("value mute = ", e.target.value);
console.log("value mute = ", time); console.log("value mute = ", time);
try { try {
await api.post("/mute", {convId: convId, username: selectedUser, time: time}) const ret = await api.post("/mute", { convId: convId, username: selectedUser, time: time })
if (ret.data)
setMuteAlert(true);
} catch (err) { } catch (err) {
console.log(err); console.log(err);
} }
@ -321,6 +330,9 @@ const ModalSetting = ({handleClose, convId, socket }: ModalSettingProps) => {
{unban ? ( {unban ? (
<GreenAlert handleClose={closeUnban} text={selectedUser + ": was unbanned"} /> <GreenAlert handleClose={closeUnban} text={selectedUser + ": was unbanned"} />
) : ("")} ) : ("")}
{muteAlert ? (
<GreenAlert handleClose={closeMuteAlert} text="Mute"/>
):("")}
</AnimatePresence> </AnimatePresence>
</motion.div> </motion.div>