[MM-54817] Convert ./components/admin_console/user_grid/user_grid_remove.tsx from Class Component to Function Component (#24912)

* 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>

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> {
+const UserGridRemove = ({
-    private handleClick = (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+    user,
+    removeUser,
+    isDisabled,
+}: Props) => {
+    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {
         e.preventDefault();
-        if (this.props.isDisabled) {
+        if (!isDisabled) {
-            return;
+            removeUser(user);
         }
-        this.props.removeUser(this.props.user);
     };
 
-    public render = (): JSX.Element => {
+    return (
-        const {isDisabled} = this.props;
+        <div className='UserGrid_removeRow'>
-        return (
+            <a
-            <div className='UserGrid_removeRow'>
+                onClick={handleClick}
-                <a
+                href='#'
-                    onClick={this.handleClick}
+                role='button'
-                    href='#'
+                className={isDisabled ? 'disabled' : ''}
-                    role='button'
+            >
-                    className={isDisabled ? 'disabled' : ''}
+                <FormattedMessage
-                >
+                    id='admin.user_grid.remove'
-                    <FormattedMessage
+                    defaultMessage='Remove'
-                        id='admin.user_grid.remove'
+                />
-                        defaultMessage='Remove'
+            </a>
-                    />
+        </div>
-                </a>
+    );
-            </div>
+};
-        );
+
-    };
+export default UserGridRemove;
-}