From d3ba8439f2c1392815610d8ae9b15e5ee1f704ad Mon Sep 17 00:00:00 2001
From: harshil Sharma <harshilsharma63@gmail.com>
Date: Thu, 26 Oct 2023 17:17:13 +0530
Subject: [PATCH] Handled case of single common team

---
 .../convert_gm_to_channel_form.tsx            | 27 +++++++++++++++----
 .../convert_gm_to_channel/team_selector.tsx   |  4 ++-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/app/screens/convert_gm_to_channel/convert_gm_to_channel_form.tsx b/app/screens/convert_gm_to_channel/convert_gm_to_channel_form.tsx
index 65879ca09..2d1c3c3a6 100644
--- a/app/screens/convert_gm_to_channel/convert_gm_to_channel_form.tsx
+++ b/app/screens/convert_gm_to_channel/convert_gm_to_channel_form.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React, {} from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {useIntl} from 'react-intl';
 import {View} from 'react-native';
 
@@ -12,6 +12,7 @@ import Button from '@components/button';
 import {ChannelNameInput} from './channel_name_input';
 import MessageBox from './message_box';
 import {TeamSelector} from './team_selector';
+import { logDebug } from '@app/utils/log';
 
 const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {
     return {
@@ -34,23 +35,39 @@ export const ConvertGMToChannelForm = ({commonTeams, profiles}: Props) => {
     const theme = useTheme();
     const styles = getStyleFromTheme(theme);
 
+    const team = useRef<Team>();
+
     const {formatMessage} = useIntl();
     const confirmButtonText = formatMessage({
         id: 'channel_info.convert_gm_to_channel.button_text',
         defaultMessage: 'Convert to Private Channel',
     });
 
+    useEffect(() => {
+        if (commonTeams.length === 1) {
+            team.current = commonTeams[0];
+        }
+    }, [commonTeams]);
+
+    const handleOnSelectTeam = useCallback((selectedTeam: Team) => {
+        team.current = selectedTeam;
+    }, []);
+
     return (
         <View style={styles.container}>
             <MessageBox
                 profiles={profiles}
             />
-            <TeamSelector
-                commonTeams={commonTeams}
-            />
+            {
+                commonTeams.length > 1 &&
+                <TeamSelector
+                    commonTeams={commonTeams}
+                    onSelectTeam={handleOnSelectTeam}
+                />
+            }
             <ChannelNameInput/>
             <Button
-                onPress={() => true}
+                onPress={() => logDebug(`Selected team: ${team.current?.display_name}`)}
                 text={confirmButtonText}
                 theme={theme}
                 buttonType='destructive'
diff --git a/app/screens/convert_gm_to_channel/team_selector.tsx b/app/screens/convert_gm_to_channel/team_selector.tsx
index bf172ec89..a660fe471 100644
--- a/app/screens/convert_gm_to_channel/team_selector.tsx
+++ b/app/screens/convert_gm_to_channel/team_selector.tsx
@@ -24,9 +24,10 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme: Theme) => {
 
 type Props = {
     commonTeams: Team[];
+    onSelectTeam: (team: Team) => void;
 }
 
-export const TeamSelector = ({commonTeams}: Props) => {
+export const TeamSelector = ({commonTeams, onSelectTeam}: Props) => {
     const {formatMessage} = useIntl();
     const theme = useTheme();
     const styles = getStyleFromTheme(theme);
@@ -40,6 +41,7 @@ export const TeamSelector = ({commonTeams}: Props) => {
         const team = commonTeams.find((t) => t.id === teamId);
         if (team) {
             setSelectedTeam(team);
+            onSelectTeam(team);
         }
     }, []);