From c234cc12386b221cb03e8a2ebc5bdeff616f879b Mon Sep 17 00:00:00 2001
From: Aditi Patel <aditipatelpro@gmail.com>
Date: Wed, 6 Dec 2023 01:27:02 -0600
Subject: [PATCH] [MM-56012] Convert
 ./components/admin_console/team_channel_settings/channel/channel_settings.tsx
 from Class Component to Function Component (#25634)

---
 .../channel/channel_settings.tsx              | 61 ++++++++-----------
 1 file changed, 25 insertions(+), 36 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/channel/channel_settings.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/channel/channel_settings.tsx
index 894a9afedc..d2c7d621f8 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/channel/channel_settings.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/channel/channel_settings.tsx
@@ -20,42 +20,31 @@ export interface ChannelSettingsState {
     total: number;
 }
 
-export class ChannelsSettings extends React.PureComponent<Props> {
-    constructor(props: Props) {
-        super(props);
-        this.state = {
-            startCount: 0,
-            endCount: 1,
-            total: 0,
-        };
-    }
+export const ChannelsSettings = ({siteName}: Props) => {
+    return (
+        <div className='wrapper--fixed'>
+            <AdminHeader>
+                <FormattedMessage
+                    id='admin.channel_settings.groupsPageTitle'
+                    defaultMessage='{siteName} Channels'
+                    values={{siteName}}
+                />
+            </AdminHeader>
 
-    render = () => {
-        return (
-            <div className='wrapper--fixed'>
-                <AdminHeader>
-                    <FormattedMessage
-                        id='admin.channel_settings.groupsPageTitle'
-                        defaultMessage='{siteName} Channels'
-                        values={{siteName: this.props.siteName}}
-                    />
-                </AdminHeader>
-
-                <div className='admin-console__wrapper'>
-                    <div className='admin-console__content'>
-                        <AdminPanel
-                            id='channels'
-                            titleId={t('admin.channel_settings.title')}
-                            titleDefault='Channels'
-                            subtitleId={t('admin.channel_settings.description')}
-                            subtitleDefault={'Manage channel settings.'}
-                            subtitleValues={{...this.state}}
-                        >
-                            <ChannelsList/>
-                        </AdminPanel>
-                    </div>
+            <div className='admin-console__wrapper'>
+                <div className='admin-console__content'>
+                    <AdminPanel
+                        id='channels'
+                        titleId={t('admin.channel_settings.title')}
+                        titleDefault='Channels'
+                        subtitleId={t('admin.channel_settings.description')}
+                        subtitleDefault={'Manage channel settings.'}
+                        subtitleValues={{startCount: 0, endCount: 1, total: 0}}
+                    >
+                        <ChannelsList/>
+                    </AdminPanel>
                 </div>
             </div>
-        );
-    };
-}
+        </div>
+    );
+};