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 ? (
+
+ {error}
+
+ ) : 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 (
-
- {this.props.error}
-
- );
- }
- return (
-
- );
- }
-});
-
-export default AlertDismissable;