From 1525a7d9cd724b06953ef01174f1183fe7b1bb4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Fri, 26 Mar 2021 15:49:59 +0100
Subject: [PATCH] Simplifying TopBar component

---
 webapp/src/components/topBar.tsx | 38 +++++++++++++-------------------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/webapp/src/components/topBar.tsx b/webapp/src/components/topBar.tsx
index 555b6e388..a0eb03c67 100644
--- a/webapp/src/components/topBar.tsx
+++ b/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