From e23fe22328db092b7c98bb483ea0560a40c602d6 Mon Sep 17 00:00:00 2001
From: Firmansyah Yanuar <fyfirman@gmail.com>
Date: Tue, 10 Oct 2023 22:48:06 +0700
Subject: [PATCH] [MM-54798] Convert
 `./components/widgets/separator/basic-separator.tsx` to function component
 (#24788)

* chore(channels): convert basic separator to functional components

* chore: change to arrow function

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../widgets/separator/basic-separator.tsx     | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/webapp/channels/src/components/widgets/separator/basic-separator.tsx b/webapp/channels/src/components/widgets/separator/basic-separator.tsx
index 504187f1b2..d7257500a5 100644
--- a/webapp/channels/src/components/widgets/separator/basic-separator.tsx
+++ b/webapp/channels/src/components/widgets/separator/basic-separator.tsx
@@ -9,21 +9,20 @@ type Props = {
     children?: ReactNode;
 };
 
-export default class BasicSeparator extends React.PureComponent<Props> {
-    public render() {
-        const {children} = this.props;
-        return (
-            <div
-                data-testid='basicSeparator'
-                className='Separator BasicSeparator'
-            >
-                <hr className='separator__hr'/>
-                {children && (
-                    <div className='separator__text'>
-                        {children}
-                    </div>
-                )}
-            </div>
-        );
-    }
-}
+const BasicSeparator = ({children}: Props) => {
+    return (
+        <div
+            data-testid='basicSeparator'
+            className='Separator BasicSeparator'
+        >
+            <hr className='separator__hr'/>
+            {children && (
+                <div className='separator__text'>
+                    {children}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export default React.memo(BasicSeparator);