From c70b50fefcb678e9197d076260d430ae6d496dbc Mon Sep 17 00:00:00 2001
From: harshil Sharma <harshilsharma63@gmail.com>
Date: Thu, 19 Oct 2023 18:26:46 +0530
Subject: [PATCH] WIP

---
 .../team_selector_list/team_selector_list.tsx | 39 +++++++++++++++++--
 app/screens/find_channels/index.tsx           |  1 +
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/app/screens/convert_gm_to_channel/team_selector_list/team_selector_list.tsx b/app/screens/convert_gm_to_channel/team_selector_list/team_selector_list.tsx
index ab5d09ed6..7249bc13d 100644
--- a/app/screens/convert_gm_to_channel/team_selector_list/team_selector_list.tsx
+++ b/app/screens/convert_gm_to_channel/team_selector_list/team_selector_list.tsx
@@ -1,12 +1,45 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
-import {Text} from 'react-native';
+import React, {useMemo} from 'react';
+import {View} from 'react-native';
+
+import {useTheme} from '@app/context/theme';
+import {changeOpacity, getKeyboardAppearanceFromTheme, makeStyleSheetFromTheme} from '@app/utils/theme';
+import SearchBar from '@components/search';
+
+const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
+    container: {
+
+    },
+    inputContainerStyle: {
+
+    },
+    inputStyle: {
+
+    },
+    listContainer: {
+
+    },
+}));
 
 const TeamSelectorList = () => {
+    const theme = useTheme();
+    const styles = getStyleSheet(theme);
+
+    const color = useMemo(() => changeOpacity(theme.centerChannelColor, 0.72), [theme]);
+
     return (
-        <Text>{'I am a Team Selector List!'}</Text>
+        <View style={styles.container}>
+            <SearchBar
+                autoCapitalize='none'
+                autoFocus={true}
+                keyboardAppearance={getKeyboardAppearanceFromTheme(theme)}
+                placeholderTextColor={color}
+                searchIconColor={color}
+                testID='convert_gm_to_channel_team_search_bar'
+            />
+        </View>
     );
 };
 
diff --git a/app/screens/find_channels/index.tsx b/app/screens/find_channels/index.tsx
index aae3f173a..1aa349d27 100644
--- a/app/screens/find_channels/index.tsx
+++ b/app/screens/find_channels/index.tsx
@@ -134,3 +134,4 @@ const FindChannels = ({closeButtonId, componentId}: Props) => {
 };
 
 export default FindChannels;
+ 
\ No newline at end of file