React Toolbox

react/features/toolbox/components/Notice.js

@@ -0,0 +1,57 @@
+/* @flow */
+
+import React, { Component } from 'react';
+
+declare var config: Object;
+
+/**
+ * Notice react component.
+ *
+ * @class Notice
+ */
+export default class Notice extends Component {
+    state: Object;
+
+    /**
+     * Constructor of Notice component.
+     *
+     * @param {Object} props - The read-only React Component props with which
+     * the new instance is to be initialized.
+     */
+    constructor(props: Object) {
+        super(props);
+
+        const { noticeMessage } = config;
+
+        this.state = {
+            /**
+             * Message to be shown in notice component.
+             *
+             * @type {string}
+             */
+            noticeMessage
+        };
+    }
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+        const { noticeMessage } = this.state;
+
+        if (!noticeMessage) {
+            return null;
+        }
+
+        return (
+            <div className = 'notice'>
+                <span className = 'notice__message' >
+                    { noticeMessage }
+                </span>
+            </div>
+        );
+    }
+}