Add confirmation dialog

2019-07-17 09:14:10 +02:00
parent 094831f037
commit 1cef529ac7
6 changed files with 147 additions and 8 deletions
--- a/app/src/components/Sidebar/TopicPanel/RecursiveTopicDeleteButton.tsx
+++ b/app/src/components/Sidebar/TopicPanel/RecursiveTopicDeleteButton.tsx
@@ -8,11 +8,16 @@ export const RecursiveTopicDeleteButton = (props: {
  node?: q.TreeNode<any>
  deleteTopicAction: (node: q.TreeNode<any>, a: boolean, limit: number) => void
 }) => {
-  const onClick = useCallback(() => {
-    if (props.node) {
-      props.deleteTopicAction(props.node, true, deleteLimit)
-    }
-  }, [props.node])
+  const onClick = useCallback(
+    (event: React.MouseEvent) => {
+      if (props.node) {
+        event.stopPropagation()
+        event.preventDefault()
+        props.deleteTopicAction(props.node, true, deleteLimit)
+      }
+    },
+    [props.node]
+  )
  if (!props.node) {
    return null
  }