Convert ./components/integrations/integration_option.tsx to functional component (#24806)

* Convert ./components/integrations/integration_option.tsx to functional component

* update integration_option component

* improve integration_option component

webapp/channels/src/components/integrations/integration_option.tsx

@@ -11,27 +11,25 @@ type Props = {
     link: string;
 }
 
-export default class IntegrationOption extends React.PureComponent <Props> {
+const IntegrationOption = ({image, title, description, link}: Props) => {
-    render() {
+    return (
-        const {image, title, description, link} = this.props;
+        <Link
+            to={link}
+            className='integration-option'
+        >
+            <img
+                alt={'integration image'}
+                className='integration-option__image'
+                src={image}
+            />
+            <div className='integration-option__title'>
+                {title}
+            </div>
+            <div className='integration-option__description'>
+                {description}
+            </div>
+        </Link>
+    );
+};
 
-        return (
+export default React.memo(IntegrationOption);
-            <Link
-                to={link}
-                className='integration-option'
-            >
-                <img
-                    alt={'integration image'}
-                    className='integration-option__image'
-                    src={image}
-                />
-                <div className='integration-option__title'>
-                    {title}
-                </div>
-                <div className='integration-option__description'>
-                    {description}
-                </div>
-            </Link>
-        );
-    }
-}