[MM-56012] Convert ./components/admin_console/team_channel_settings/channel/channel_settings.tsx from Class Component to Function Component (#25634)

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>
+    );
+};