[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> {
+export const ChannelsSettings = ({siteName}: Props) => {
-    constructor(props: Props) {
+    return (
-        super(props);
+        <div className='wrapper--fixed'>
-        this.state = {
+            <AdminHeader>
-            startCount: 0,
+                <FormattedMessage
-            endCount: 1,
+                    id='admin.channel_settings.groupsPageTitle'
-            total: 0,
+                    defaultMessage='{siteName} Channels'
-        };
+                    values={{siteName}}
-    }
+                />
+            </AdminHeader>
 
-    render = () => {
+            <div className='admin-console__wrapper'>
-        return (
+                <div className='admin-console__content'>
-            <div className='wrapper--fixed'>
+                    <AdminPanel
-                <AdminHeader>
+                        id='channels'
-                    <FormattedMessage
+                        titleId={t('admin.channel_settings.title')}
-                        id='admin.channel_settings.groupsPageTitle'
+                        titleDefault='Channels'
-                        defaultMessage='{siteName} Channels'
+                        subtitleId={t('admin.channel_settings.description')}
-                        values={{siteName: this.props.siteName}}
+                        subtitleDefault={'Manage channel settings.'}
-                    />
+                        subtitleValues={{startCount: 0, endCount: 1, total: 0}}
-                </AdminHeader>
+                    >
-
+                        <ChannelsList/>
-                <div className='admin-console__wrapper'>
+                    </AdminPanel>
-                    <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>
             </div>
-        );
+        </div>
-    };
+    );
-}
+};