From 0765c60d77a49bbdae5460f54446756d35d6524a Mon Sep 17 00:00:00 2001
From: damencho <damencho@jitsi.org>
Date: Tue, 31 Jan 2017 16:38:34 -0600
Subject: [PATCH] Moves feedback button as a component.

When callstats is not configured hide the button.
---
 .../conference/components/Conference.web.js   |  7 +++--
 .../feedback/components/FeedbackButton.web.js | 28 +++++++++++++++++++
 react/features/feedback/components/index.js   |  1 +
 react/features/feedback/index.js              |  1 +
 4 files changed, 34 insertions(+), 3 deletions(-)
 create mode 100644 react/features/feedback/components/FeedbackButton.web.js
 create mode 100644 react/features/feedback/components/index.js
 create mode 100644 react/features/feedback/index.js

diff --git a/react/features/conference/components/Conference.web.js b/react/features/conference/components/Conference.web.js
index e83c87c17..1feece33d 100644
--- a/react/features/conference/components/Conference.web.js
+++ b/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'
-                        id = 'feedbackButton' />
+
+                    <FeedbackButton />
+
                     <div id = 'sideToolbarContainer' />
                 </div>
                 <div id = 'videospace'>
diff --git a/react/features/feedback/components/FeedbackButton.web.js b/react/features/feedback/components/FeedbackButton.web.js
new file mode 100644
index 000000000..0970b797e
--- /dev/null
+++ b/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' />
+        );
+    }
+}
diff --git a/react/features/feedback/components/index.js b/react/features/feedback/components/index.js
new file mode 100644
index 000000000..a6c21d87f
--- /dev/null
+++ b/react/features/feedback/components/index.js
@@ -0,0 +1 @@
+export * from './FeedbackButton';
diff --git a/react/features/feedback/index.js b/react/features/feedback/index.js
new file mode 100644
index 000000000..07635cbbc
--- /dev/null
+++ b/react/features/feedback/index.js
@@ -0,0 +1 @@
+export * from './components';