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 (
- {'I am a Team Selector List!'}
+
+
+
);
};
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