Merge pull request #38 from kadirahq/issue-35

Add a confirm box when deleting components. #35
storybookjs · Oct 13, 2016 · 15bcad7 · 15bcad7
2 parents 8ed4724 + 2faf6e3
commit 15bcad7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/src/manager/components/CommentItem/index.js b/src/manager/components/CommentItem/index.js
@@ -1,4 +1,4 @@
-/* eslint jsx-a11y/href-no-hash:0 */
+/* eslint jsx-a11y/href-no-hash:0, no-undef:0, no-alert:0 */
 
 import React, { Component } from 'react';
 import moment from 'moment';
@@ -27,15 +27,18 @@ export default class CommentItem extends Component {
   }
 
   deleteComment() {
-    this.props.deleteComment();
+    const confirmDelete = confirm('Are you sure you want to delete this comment?');
+    if (confirmDelete === true) {
+      this.props.deleteComment();
+    }
   }
 
   renderDelete() {
     return (
       <a
         href="#"
         style={style.commentDelete}
-        onClick={this.props.deleteComment}
+        onClick={this.deleteComment}
       >
         delete
       </a>

diff --git a/src/manager/index.js b/src/manager/index.js
@@ -1,9 +1,11 @@
+/* eslint import/prefer-default-export:0 */
+
 import React from 'react';
 import addons from '@kadira/storybook-addons';
 import CommentsPanel from './containers/CommentsPanel';
 import { ADDON_ID, PANEL_ID } from '../shared';
 
-export default function init() {
+export function init() {
   addons.register(ADDON_ID, (api) => {
     // add 'Comments' panel
     addons.addPanel(PANEL_ID, {

diff --git a/src/preview/index.js b/src/preview/index.js
@@ -1,3 +1,5 @@
-export default function init() {
+/* eslint import/prefer-default-export:0 */
+
+export function init() {
   // nothing to do here
 }