From 61779e5535c80ec4fd10224dc5c813fa876529e0 Mon Sep 17 00:00:00 2001
From: Brett Sun <brett@ascribe.io>
Date: Mon, 11 Jul 2016 19:05:20 +0200
Subject: [PATCH] Clean up AlertDismissable and move to root components folder

---
 js/components/alert_dismissable.js   | 39 ++++++++++++++++++++++++++++
 js/components/ascribe_forms/alert.js | 39 ----------------------------
 2 files changed, 39 insertions(+), 39 deletions(-)
 create mode 100644 js/components/alert_dismissable.js
 delete mode 100644 js/components/ascribe_forms/alert.js

diff --git a/js/components/alert_dismissable.js b/js/components/alert_dismissable.js
new file mode 100644
index 00000000..4780276a
--- /dev/null
+++ b/js/components/alert_dismissable.js
@@ -0,0 +1,39 @@
+import React from 'react';
+
+import Alert from 'react-bootstrap/lib/Alert';
+
+
+const { node } = React.PropTypes;
+
+const AlertDismissable = React.createClass({
+    propTypes: {
+        error: node.isRequired
+    },
+
+    getInitialState() {
+        return {
+            alertVisible: true
+        };
+    },
+
+    show() {
+        this.setState({ alertVisible: true });
+    },
+
+    hide() {
+        this.setState({ alertVisible: false });
+    },
+
+    render() {
+        const { error } = this.props;
+        const { alertVisible } = this.state;
+
+        return alertVisible ? (
+            <Alert bsStyle='danger' onDismiss={this.hide}>
+                {error}
+            </Alert>
+        ) : null;
+    }
+});
+
+export default AlertDismissable;
diff --git a/js/components/ascribe_forms/alert.js b/js/components/ascribe_forms/alert.js
deleted file mode 100644
index 21f378ef..00000000
--- a/js/components/ascribe_forms/alert.js
+++ /dev/null
@@ -1,39 +0,0 @@
-'use strict';
-
-import React from 'react';
-import Alert from 'react-bootstrap/lib/Alert';
-
-let AlertDismissable = React.createClass({
-    propTypes: {
-        error: React.PropTypes.array.isRequired
-    },
-
-    getInitialState() {
-        return {
-            alertVisible: true
-        };
-    },
-    
-    show() {
-        this.setState({alertVisible: true});
-    },
-
-    hide() {
-        this.setState({alertVisible: false});
-    },
-
-    render() {
-        if (this.state.alertVisible) {
-            return (
-                <Alert bsStyle='danger' onDismiss={this.hide}>
-                    {this.props.error}
-                </Alert>
-            );
-        }
-        return (
-            <span />
-        );
-    }
-});
-
-export default AlertDismissable;