Simplifying TopBar component

webapp/src/components/topBar.tsx

@@ -2,32 +2,24 @@
 // See LICENSE.txt for license information.
 
 import React from 'react'
-import {injectIntl, IntlShape} from 'react-intl'
 
 import './topBar.scss'
 import HelpIcon from '../widgets/icons/help'
 
-// See LICENSE.txt for license information.
-type Props = {
-    intl: IntlShape
-}
-
-class TopBar extends React.PureComponent<Props> {
-    render(): JSX.Element {
-        return (
-            <div
-                className='TopBar'
+const TopBar = React.memo((): JSX.Element => {
+    return (
+        <div
+            className='TopBar'
+        >
+            <a
+                href='https://www.focalboard.com/guide/user?utm_source=webapp'
+                target='_blank'
+                rel='noreferrer'
             >
-                <a
-                    href='https://www.focalboard.com/guide/user?utm_source=webapp'
-                    target='_blank'
-                    rel='noreferrer'
-                >
-                    <HelpIcon/>
-                </a>
-            </div>
-        )
-    }
-}
+                <HelpIcon/>
+            </a>
+        </div>
+    )
+})
 
-export default injectIntl(TopBar)
+export default TopBar