From aeac263a2590d81cabb62bbd91165c16444ebbad Mon Sep 17 00:00:00 2001 From: manuconcepbrito <manu041196@gmail.com> Date: Thu, 28 Oct 2021 10:45:01 +0200 Subject: [PATCH] stopPropagation from delete button --- wahlfang_web/src/pages/management/ManagerSessions.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/wahlfang_web/src/pages/management/ManagerSessions.js b/wahlfang_web/src/pages/management/ManagerSessions.js index f2340b1..a80e7c0 100644 --- a/wahlfang_web/src/pages/management/ManagerSessions.js +++ b/wahlfang_web/src/pages/management/ManagerSessions.js @@ -27,7 +27,9 @@ export default function ManagerSessions() { const [sessions, setSessions] = useRecoilState(sessionList); const history = useHistory(); - const handleClickOpen = (index) => { + const handleClickOpen = (e, index) => { + e.stopPropagation(); + console.log("click on handle open") setOpen(true); setIndex(index); }; @@ -58,6 +60,7 @@ export default function ManagerSessions() { } const toSessionDetail = (pk) => { + console.log("Stopping in detail view") history.push(`/management/sessions/${pk}`) } @@ -76,7 +79,8 @@ export default function ManagerSessions() { <ListItemText disableTypography primary={<Typography type="body2" style={{ color: '#495057' }}>{session.title}</Typography>} /> {session.start_date && <ListItemText sx={{pr: 2}} primary={<Typography align="right" type="overline" style={{ color: '#495057' }}>{formatDate(session.start_date)}</Typography>}/>} - <Button onClick={() => handleClickOpen(index)} variant="outlined" startIcon={<DeleteIcon />} color="error"> Delete </Button> + <Button onClick={(e) => handleClickOpen(e, index)} + variant="outlined" startIcon={<DeleteIcon />} color="error"> Delete </Button> </ListItemButton> </List> <Divider /> -- GitLab