Moves feedback button as a component.

When callstats is not configured hide the button.

react/features/conference/components/Conference.web.js

@@ -5,6 +5,7 @@ import { connect as reactReduxConnect } from 'react-redux';
 
 import { connect, disconnect } from '../../base/connection';
 import { Watermarks } from '../../base/react';
+import { FeedbackButton } from '../../feedback';
 
 /**
  * For legacy reasons, inline style for display none.
@@ -83,9 +84,9 @@ class Conference extends Component {
                     className = 'toolbar'
                     id = 'extendedToolbar'>
                     <div id = 'extendedToolbarButtons' />
-                    <a
+
-                        className = 'button icon-feedback'
+                    <FeedbackButton />
-                        id = 'feedbackButton' />
+
                     <div id = 'sideToolbarContainer' />
                 </div>
                 <div id = 'videospace'>

react/features/feedback/components/FeedbackButton.web.js

@@ -0,0 +1,28 @@
+/* global config */
+import React, { Component } from 'react';
+
+/**
+ * A Web Component which renders feedback button.
+ */
+export class FeedbackButton extends Component {
+
+    /**
+     * Implements React's {@link Component#render()}.
+     *
+     * @inheritdoc
+     * @returns {ReactElement}
+     */
+    render() {
+
+        // if there is no callstats configured skip rendering
+        if (!config.callStatsID) {
+            return null;
+        }
+
+        return (
+            <a
+                className = 'button icon-feedback'
+                id = 'feedbackButton' />
+        );
+    }
+}

react/features/feedback/components/index.js

@@ -0,0 +1 @@
+export * from './FeedbackButton';

react/features/feedback/index.js

@@ -0,0 +1 @@
+export * from './components';