Rearrange recording feature files

react/features/recording/components/web/RecordingLabel.js

@@ -0,0 +1,45 @@
+// @flow
+
+import React from 'react';
+import { connect } from 'react-redux';
+
+import { CircularLabel } from '../../../base/label';
+import { JitsiRecordingConstants } from '../../../base/lib-jitsi-meet';
+import { translate } from '../../../base/i18n';
+
+import AbstractRecordingLabel, {
+    _mapStateToProps
+} from '../AbstractRecordingLabel';
+
+/**
+ * Implements a React {@link Component} which displays the current state of
+ * conference recording.
+ *
+ * @extends {Component}
+ */
+class RecordingLabel extends AbstractRecordingLabel {
+    /**
+     * Renders the platform specific label component.
+     *
+     * @inheritdoc
+     */
+    _renderLabel() {
+        if (this.props._status !== JitsiRecordingConstants.status.ON) {
+            // Since there are no expanded labels on web, we only render this
+            // label when the recording status is ON.
+            return null;
+        }
+
+        return (
+            <div>
+                <CircularLabel
+                    className = { this.props.mode }
+                    label = { this.props.t(this._getLabelKey()) } />
+            </div>
+        );
+    }
+
+    _getLabelKey: () => ?string
+}
+
+export default translate(connect(_mapStateToProps)(RecordingLabel));

react/features/recording/components/web/index.js

@@ -0,0 +1,3 @@
+// @flow
+
+export { default as RecordingLabel } from './RecordingLabel';