1 files changed, 25 insertions, 25 deletions

diff --git a/webapp/components/admin_console/banner.jsx b/webapp/components/admin_console/banner.jsx
index 964d070bc..452af92e1 100644
--- a/webapp/components/admin_console/banner.jsx
+++ b/webapp/components/admin_console/banner.jsx
@@ -1,40 +1,40 @@
+import PropTypes from 'prop-types';
+
 // Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
 // See License.txt for license information.
 
 import React from 'react';
 import {FormattedMessage} from 'react-intl';
 
-export default class Banner extends React.Component {
-    render() {
-        let title = (
-            <FormattedMessage
-                id='admin.banner.heading'
-                defaultMessage='Note:'
-            />
-        );
+export default function Banner(props) {
+    let title = (
+        <FormattedMessage
+            id='admin.banner.heading'
+            defaultMessage='Note:'
+        />
+    );
 
-        if (this.props.title) {
-            title = this.props.title;
-        }
+    if (props.title) {
+        title = props.title;
+    }
 
-        return (
-            <div className='banner'>
-                <div className='banner__content'>
-                    <h4 className='banner__heading'>
-                        {title}
-                    </h4>
-                    <p>
-                        {this.props.description}
-                    </p>
-                </div>
+    return (
+        <div className='banner'>
+            <div className='banner__content'>
+                <h4 className='banner__heading'>
+                    {title}
+                </h4>
+                <p>
+                    {props.description}
+                </p>
             </div>
-        );
-    }
+        </div>
+    );
 }
 
 Banner.defaultProps = {
 };
 Banner.propTypes = {
-    title: React.PropTypes.node,
-    description: React.PropTypes.node.isRequired
+    title: PropTypes.node,
+    description: PropTypes.node.isRequired
 };