1 files changed, 17 insertions, 17 deletions
diff --git a/webapp/components/unread_channel_indicator.jsx b/webapp/components/unread_channel_indicator.jsx
index 9d6b57d44..d1ffd4c0a 100644
--- a/webapp/components/unread_channel_indicator.jsx
+++ b/webapp/components/unread_channel_indicator.jsx
@@ -1,3 +1,5 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
@@ -5,21 +7,19 @@
 // because it is either above or below the screen
 import React from 'react';
 
-export default class UnreadChannelIndicator extends React.Component {
-    render() {
-        let displayValue = 'none';
-        if (this.props.show) {
-            displayValue = 'block';
-        }
-        return (
-            <div
-                className={'nav-pills__unread-indicator ' + this.props.extraClass}
-                style={{display: displayValue}}
-            >
-                {this.props.text}
-            </div>
-        );
+export default function UnreadChannelIndicator(props) {
+    let displayValue = 'none';
+    if (props.show) {
+        displayValue = 'block';
     }
+    return (
+        <div
+            className={'nav-pills__unread-indicator ' + props.extraClass}
+            style={{display: displayValue}}
+        >
+            {props.text}
+        </div>
+    );
 }
 
 UnreadChannelIndicator.defaultProps = {
@@ -28,7 +28,7 @@ UnreadChannelIndicator.defaultProps = {
     text: ''
 };
 UnreadChannelIndicator.propTypes = {
-    show: React.PropTypes.bool,
-    extraClass: React.PropTypes.string,
-    text: React.PropTypes.object
+    show: PropTypes.bool,
+    extraClass: PropTypes.string,
+    text: PropTypes.object
 };