From 71ff170db2cad8772d5a3e9af023e0f8f95699c5 Mon Sep 17 00:00:00 2001
From: Amarjeet Singh Rai <git@arai.dev>
Date: Sat, 7 Oct 2023 09:10:30 +0100
Subject: [PATCH] Convert
 ./components/admin_console/user_grid/user_grid_name.tsx to a function
 component #24740 (#24754)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Convert ./components/admin_console/user_grid/user_grid_name.tsx from Class Component to Function Component #24740

* Update user_grid_name.tsx

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

---------

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

diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
index 57ba1cbf97..06c40473d6 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
@@ -13,27 +13,27 @@ type Props = {
     user: UserProfile;
 }
 
-export default class UserGridName extends React.Component<Props> {
-    public render = (): JSX.Element => {
-        const {user} = this.props;
+const UserGridName = ({
+    user,
+}: Props) => {
+    return (
+        <div className='UserGrid_nameRow'>
+            <ProfilePicture
+                src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)}
+                status={user.status}
+                size='md'
+            />
 
-        return (
-            <div className='UserGrid_nameRow'>
-                <ProfilePicture
-                    src={Client4.getProfilePictureUrl(user.id, user.last_picture_update)}
-                    status={status}
-                    size='md'
-                />
-
-                <div className='UserGrid_name'>
-                    <span>
-                        {`${user.username} - ${user.first_name} ${user.last_name}`}
-                    </span>
-                    <span className='ug-email'>
-                        {user.email}
-                    </span>
-                </div>
+            <div className='UserGrid_name'>
+                <span>
+                    {`${user.username} - ${user.first_name} ${user.last_name}`}
+                </span>
+                <span className='ug-email'>
+                    {user.email}
+                </span>
             </div>
-        );
-    };
-}
+        </div>
+    );
+};
+
+export default UserGridName;