fix(live-streaming): add beta tag to toolbar button (#3263)

react/features/recording/components/LiveStream/LiveStreamButton.web.js

@@ -1,5 +1,6 @@
 // @flow
 
+import React from 'react';
 import { connect } from 'react-redux';
 
 import { translate } from '../../../base/i18n';
@@ -56,6 +57,22 @@ class LiveStreamButton extends AbstractLiveStreamButton<Props> {
         this.tooltip = newProps._liveStreamDisabledTooltipKey;
     }
 
+    /**
+     * Helper function to be implemented by subclasses, which returns a React
+     * Element to display (a beta tag) at the end of the button.
+     *
+     * @override
+     * @protected
+     * @returns {boolean}
+     */
+    _getElementAfter() {
+        return (
+            <span className = 'beta-tag'>
+                { this.props.t('recording.beta') }
+            </span>
+        );
+    }
+
     /**
      * Helper function to be implemented by subclasses, which must return a
      * boolean value indicating if this button is disabled or not.