From ea23423e2aed1a0ad9bff89dd2442adc0da7f8dd Mon Sep 17 00:00:00 2001
From: Sudhanshu Pandey <sp6370@nyu.edu>
Date: Mon, 30 Oct 2023 07:18:18 -0400
Subject: [PATCH] [MM-54817] Convert
 ./components/admin_console/user_grid/user_grid_remove.tsx from Class
 Component to Function Component (#24912)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: migrate user_grid_remove to fun. component

* Update webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx

Co-authored-by: Daniel Espino García <larkox@gmail.com>

* chore: minor linting fix

---------

Co-authored-by: Daniel Espino García <larkox@gmail.com>
Co-authored-by: Mattermost Build <build@mattermost.com>
---
 .../user_grid/user_grid_remove.tsx            | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
index db3ef022a9..f86bc63ead 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
@@ -12,31 +12,33 @@ type Props = {
     isDisabled?: boolean;
 }
 
-export default class UserGridRemove extends React.PureComponent<Props> {
-    private handleClick = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+const UserGridRemove = ({
+    user,
+    removeUser,
+    isDisabled,
+}: Props) => {
+    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
         e.preventDefault();
-        if (this.props.isDisabled) {
-            return;
+        if (!isDisabled) {
+            removeUser(user);
         }
-        this.props.removeUser(this.props.user);
     };
 
-    public render = (): JSX.Element => {
-        const {isDisabled} = this.props;
-        return (
-            <div className='UserGrid_removeRow'>
-                <a
-                    onClick={this.handleClick}
-                    href='#'
-                    role='button'
-                    className={isDisabled ? 'disabled' : ''}
-                >
-                    <FormattedMessage
-                        id='admin.user_grid.remove'
-                        defaultMessage='Remove'
-                    />
-                </a>
-            </div>
-        );
-    };
-}
+    return (
+        <div className='UserGrid_removeRow'>
+            <a
+                onClick={handleClick}
+                href='#'
+                role='button'
+                className={isDisabled ? 'disabled' : ''}
+            >
+                <FormattedMessage
+                    id='admin.user_grid.remove'
+                    defaultMessage='Remove'
+                />
+            </a>
+        </div>
+    );
+};
+
+export default UserGridRemove;