[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,24 +20,14 @@ export interface ChannelSettingsState {
     total: number;
 }
 
-export class ChannelsSettings extends React.PureComponent<Props> {
+export const ChannelsSettings = ({siteName}: Props) => {
-    constructor(props: Props) {
-        super(props);
-        this.state = {
-            startCount: 0,
-            endCount: 1,
-            total: 0,
-        };
-    }
-
-    render = () => {
     return (
         <div className='wrapper--fixed'>
             <AdminHeader>
                 <FormattedMessage
                     id='admin.channel_settings.groupsPageTitle'
                     defaultMessage='{siteName} Channels'
-                        values={{siteName: this.props.siteName}}
+                    values={{siteName}}
                 />
             </AdminHeader>
 
@@ -49,7 +39,7 @@ export class ChannelsSettings extends React.PureComponent<Props> {
                         titleDefault='Channels'
                         subtitleId={t('admin.channel_settings.description')}
                         subtitleDefault={'Manage channel settings.'}
-                            subtitleValues={{...this.state}}
+                        subtitleValues={{startCount: 0, endCount: 1, total: 0}}
                     >
                         <ChannelsList/>
                     </AdminPanel>
@@ -58,4 +48,3 @@ export class ChannelsSettings extends React.PureComponent<Props> {
         </div>
     );
 };
-}