@messenger-box/slack-ui-mobile 0.0.1-alpha.436

package/lib/screens/Profile/styles.js

@@ -0,0 +1,90 @@
+import { Dimensions, StyleSheet } from 'react-native';
+import Colors from '../../constants/Colors';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff'
+    },
+    searchBar: {
+        width: Dimensions.get('window').width - 35,
+        height: 45,
+        backgroundColor: 'white',
+        borderRadius: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        //marginHorizontal: 10,
+        borderColor: '#bbb',
+        borderWidth: 0.5,
+        alignSelf: 'flex-end'
+    },
+    searchLabel: {
+        marginLeft: 20,
+        fontSize: 16,
+        fontcolor: '#bbb'
+    },
+    backgroundImage: {
+        height: 500,
+        width: '100%',
+        resizeMode: 'cover',
+        justifyContent: 'center',
+    },
+    title: {
+        fontSize: 66,
+        fontWeight: 'bold',
+        color: 'white',
+        width: '50%',
+        marginLeft: 25,
+    },
+    border: {
+        height: 0.4,
+        marginTop: 20,
+        backgroundColor: '#868686'
+    },
+    button: {
+        backgroundColor: 'white',
+        width: 200,
+        height: 40,
+        borderRadius: 10,
+        marginLeft: 25,
+        marginTop: 25,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    buttonLabel: {
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    headingContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    channelContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        borderBottomWidth: 0.4,
+        borderBottomColor: '#868686'
+    },
+    bottomContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+    },
+    itemView: {
+        paddingVertical: 8,
+        marginTop: 5
+    },
+    headingText: {
+        color: Colors.light.text,
+        fontSize: 16,
+        fontWeight: '400'
+    },
+    iconStyle: {
+        width: 25,
+        height: 25,
+        resizeMode: 'cover',
+    }
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/lib/screens/Profile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/screens/Profile/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;AACnD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAC;QACR,IAAI,EAAC,CAAC;QACN,eAAe,EAAC,MAAM;KACvB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE;QAC1C,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,uBAAuB;QACvB,WAAW,EAAC,MAAM;QAClB,WAAW,EAAC,GAAG;QAEf,SAAS,EAAC,UAAU;KACrB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAC,MAAM;KACjB;IACD,eAAe,EAAE;QACf,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,OAAO;QACnB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,EAAE;KACf;IACD,MAAM,EAAC;QACL,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,SAAS;KAC3B;IACD,MAAM,EAAE;QACN,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAC,KAAK;QACnB,cAAc,EAAC,eAAe;QAC9B,UAAU,EAAC,QAAQ;KACpB;IACD,gBAAgB,EAAC;QACf,iBAAiB,EAAC,EAAE;QACpB,eAAe,EAAC,EAAE;QAClB,iBAAiB,EAAE,GAAG;QACtB,iBAAiB,EAAE,SAAS;KAC7B;IACD,eAAe,EAAC;QACd,iBAAiB,EAAC,EAAE;QACpB,eAAe,EAAC,EAAE;KACnB;IACD,QAAQ,EAAC;QACN,eAAe,EAAC,CAAC;QACjB,SAAS,EAAC,CAAC;KACb;IACD,WAAW,EAAC;QACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACxB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAC,KAAK;KACjB;IACD,SAAS,EAAC;QACR,KAAK,EAAC,EAAE;QACR,MAAM,EAAC,EAAE;QACR,UAAU,EAAE,OAAO;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/screens/Saved/SavedScreen.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type SavedScreenProps = {
+    route: any;
+    navigation: any;
+};
+declare const SavedScreen: ({ navigation, route }: SavedScreenProps) => React.JSX.Element;
+export default SavedScreen;

package/lib/screens/Saved/SavedScreen.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { View } from 'native-base';
+import { StatusBar } from 'expo-status-bar';
+import VirtualizedScrollView from '../../components/VirtualizedScrollView';
+const SavedScreen = ({ navigation, route }) => {
+    return (<VirtualizedScrollView bg={'#fff'} flex={1}>
+            {/* <View style={styles.container}> */}
+            <View flex={1} bg={'#fff'} pb={10} pt={2}>
+                {/* <Header title='Saved Screen' /> */}
+                <StatusBar style="light"/>
+            </View>
+        </VirtualizedScrollView>);
+};
+export default SavedScreen;
+//# sourceMappingURL=SavedScreen.js.map

package/lib/screens/Saved/SavedScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SavedScreen.js","sourceRoot":"","sources":["../../../src/screens/Saved/SavedScreen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAK5C,OAAO,qBAAqB,MAAM,wCAAwC,CAAC;AAO3E,MAAM,WAAW,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,CACH,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACvC;YAAA,CAAC,qCAAqC,CACtC;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CACrC;gBAAA,CAAC,qCAAqC,CACtC;gBAAA,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAC5B;YAAA,EAAE,IAAI,CACV;QAAA,EAAE,qBAAqB,CAAC,CAC3B,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/screens/Saved/index.d.ts

@@ -0,0 +1,2 @@
+import SavedScreen from './SavedScreen';
+export default SavedScreen;

package/lib/screens/Saved/index.js

@@ -0,0 +1,3 @@
+import SavedScreen from './SavedScreen';
+export default SavedScreen;
+//# sourceMappingURL=index.js.map

package/lib/screens/Saved/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/Saved/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/lib/screens/Saved/styles.d.ts

@@ -0,0 +1,86 @@
+declare const styles: {
+    container: {
+        flex: number;
+        backgroundColor: string;
+    };
+    searchBar: {
+        width: number;
+        height: number;
+        backgroundColor: string;
+        borderRadius: number;
+        flexDirection: "row";
+        alignItems: "center";
+        marginHorizontal: number;
+        borderColor: string;
+        borderWidth: number;
+        marginTop: number;
+        alignSelf: "center";
+    };
+    searchLabel: {
+        marginLeft: number;
+        fontSize: number;
+        fontcolor: string;
+    };
+    backgroundImage: {
+        height: number;
+        width: string;
+        resizeMode: "cover";
+        justifyContent: "center";
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "bold";
+        color: string;
+        width: string;
+        marginLeft: number;
+    };
+    border: {
+        height: number;
+        marginTop: number;
+        backgroundColor: string;
+    };
+    button: {
+        backgroundColor: string;
+        width: number;
+        height: number;
+        borderRadius: number;
+        marginLeft: number;
+        marginTop: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    buttonLabel: {
+        fontSize: number;
+        fontWeight: "bold";
+    };
+    headingContainer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    channelContainer: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    bottomContainer: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    itemView: {
+        paddingVertical: number;
+        marginTop: number;
+    };
+    headingText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "400";
+    };
+    iconStyle: {
+        width: number;
+        height: number;
+        resizeMode: "cover";
+    };
+};
+export default styles;

package/lib/screens/Saved/styles.js

@@ -0,0 +1,91 @@
+import { Dimensions, StyleSheet } from 'react-native';
+import Colors from '../../constants/Colors';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+    },
+    searchBar: {
+        width: Dimensions.get('window').width - 35,
+        height: 45,
+        backgroundColor: 'white',
+        borderRadius: 8,
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginHorizontal: 10,
+        borderColor: '#bbb',
+        borderWidth: 0.5,
+        marginTop: 10,
+        alignSelf: 'center',
+    },
+    searchLabel: {
+        marginLeft: 20,
+        fontSize: 16,
+        fontcolor: '#bbb',
+    },
+    backgroundImage: {
+        height: 500,
+        width: '100%',
+        resizeMode: 'cover',
+        justifyContent: 'center',
+    },
+    title: {
+        fontSize: 66,
+        fontWeight: 'bold',
+        color: 'white',
+        width: '50%',
+        marginLeft: 25,
+    },
+    border: {
+        height: 0.4,
+        marginTop: 20,
+        backgroundColor: '#868686',
+    },
+    button: {
+        backgroundColor: 'white',
+        width: 200,
+        height: 40,
+        borderRadius: 10,
+        marginLeft: 25,
+        marginTop: 25,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    buttonLabel: {
+        fontSize: 16,
+        fontWeight: 'bold',
+    },
+    headingContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    channelContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        borderBottomWidth: 0.4,
+        borderBottomColor: '#868686',
+    },
+    bottomContainer: {
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+    },
+    itemView: {
+        paddingVertical: 5,
+        marginTop: 5,
+    },
+    headingText: {
+        color: Colors.light.text,
+        fontSize: 16,
+        fontWeight: '400',
+    },
+    iconStyle: {
+        width: 25,
+        height: 25,
+        resizeMode: 'cover',
+    },
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/lib/screens/Saved/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/screens/Saved/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;AACnD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,MAAM;KAC1B;IACD,SAAS,EAAE;QACP,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE;QAC1C,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,gBAAgB,EAAE,EAAE;QACpB,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,GAAG;QAChB,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,QAAQ;KACtB;IACD,WAAW,EAAE;QACT,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,MAAM;KACpB;IACD,eAAe,EAAE;QACb,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,OAAO;QACnB,cAAc,EAAE,QAAQ;KAC3B;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACJ,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,SAAS;KAC7B;IACD,MAAM,EAAE;QACJ,eAAe,EAAE,OAAO;QACxB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACvB;IACD,WAAW,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACrB;IACD,gBAAgB,EAAE;QACd,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;KACvB;IACD,gBAAgB,EAAE;QACd,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,GAAG;QACtB,iBAAiB,EAAE,SAAS;KAC/B;IACD,eAAe,EAAE;QACb,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;KACtB;IACD,QAAQ,EAAE;QACN,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC;KACf;IACD,WAAW,EAAE;QACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;QACxB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KACpB;IACD,SAAS,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,OAAO;KACtB;CACJ,CAAC,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/lib/screens/Search/JumpTo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+type JumpToScreenProps = {};
+declare const JumpToScreen: (props: JumpToScreenProps) => React.JSX.Element;
+export default JumpToScreen;

package/lib/screens/Search/JumpTo.js

@@ -0,0 +1,123 @@
+import { Ionicons } from '@expo/vector-icons';
+import React, { useState } from 'react';
+import { Image, TouchableOpacity, Dimensions } from 'react-native';
+import styles from './styles';
+import { Box, Text, Input, IconButton, Icon, View } from 'native-base';
+import { NavigationHeader } from '../../components';
+import VirtualizedScrollView from '../../components/VirtualizedScrollView';
+import { NavigationRoutes } from '../../constants/routes';
+import send from '../../assets/images/send.png';
+import right from '../../assets/images/right.png';
+import { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const JumpToScreen = (props) => {
+    const navigation = useNavigation();
+    const route = useRoute();
+    const [loading, setLoading] = useState(false);
+    useFocusEffect(React.useCallback(() => {
+        navigation === null || navigation === void 0 ? void 0 : navigation.setOptions({
+            headerShown: true,
+            title: 'Search',
+            headerTitle: 'Search',
+            header: (props) => (<NavigationHeader {...props} customHeader={<>
+                                <Box flex={1} bg={'#3f0e40'} px={2}>
+                                    <Input InputLeftElement={<IconButton onPress={() => navigation.goBack()} icon={<Icon size={5} color="muted.400" as={Ionicons} name="arrow-back"/>}/>} size="lg" placeholder="Jump to..." variant="filled"/>
+                                </Box>
+                            </>}/>),
+        });
+        return () => {
+            // Do something when the screen is unfocused
+            // Useful for cleanup functions
+        };
+    }, []));
+    // const loadingComponent = () => (
+    //     <Box flex={1} justifyContent={'center'} alignItems={'center'} safeAreaTop>
+    //         <Spinner />
+    //     </Box>
+    // );
+    return (<VirtualizedScrollView bg={'#fff'} flex={1}>
+            <View style={styles.container}>
+                {/* <Header>
+        <Input size="lg" placeholder="Enter a search term" variant="filled" />
+    </Header> */}
+                {/* <StatusBar style="light" /> */}
+
+                {/* Channels */}
+                <View style={styles.channelContainer}>
+                    <TouchableOpacity style={[
+            styles.headingContainer,
+            {
+                marginTop: 10,
+            },
+        ]} onPress={() => { var _a; return navigation.navigate(NavigationRoutes.Peoples, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }}>
+                        <View style={{
+            borderRadius: 8,
+            alignItems: 'center',
+            flexDirection: 'row',
+        }}>
+                            <Image style={{
+            width: 25,
+            height: 25,
+            resizeMode: 'cover',
+        }} source={send}/>
+                            <Text style={{
+            fontSize: 16,
+            marginLeft: 10,
+        }}>
+                                Browse People
+                            </Text>
+                        </View>
+                        <Image style={styles.iconStyle} source={right}/>
+                    </TouchableOpacity>
+                </View>
+
+                {/* Direct Messages */}
+                <View style={[
+            styles.channelContainer,
+            {
+                borderBottomWidth: 0.4,
+                borderBottomColor: '#868686',
+                paddingBottom: 20,
+            },
+        ]}>
+                    <TouchableOpacity style={styles.headingContainer} onPress={() => { var _a; return navigation.navigate(NavigationRoutes.Channels, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }}>
+                        <View style={{
+            borderRadius: 8,
+            alignItems: 'center',
+            flexDirection: 'row',
+        }}>
+                            <Image style={{
+            width: 25,
+            height: 25,
+            resizeMode: 'cover',
+        }} source={send}/>
+                            <Text style={{
+            fontSize: 16,
+            marginLeft: 10,
+        }}>
+                                Browse Channels
+                            </Text>
+                        </View>
+                        <Image style={styles.iconStyle} source={right}/>
+                    </TouchableOpacity>
+                </View>
+                <View style={styles.bottomContainer}>
+                    <View style={{
+            paddingVertical: 5,
+            marginTop: 5,
+        }}>
+                        <Text style={{
+            color: '#000',
+            fontSize: 15,
+            fontWeight: '600',
+        }}>
+                            History
+                        </Text>
+                    </View>
+                </View>
+            </View>
+        </VirtualizedScrollView>);
+};
+export default JumpToScreen;
+//# sourceMappingURL=JumpTo.js.map

package/lib/screens/Search/JumpTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpTo.js","sourceRoot":"","sources":["../../../src/screens/Search/JumpTo.tsx"],"names":[],"mappings":"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"}

package/lib/screens/Search/SearchScreen.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+type SearchScreenProps = {};
+declare const SearchScreen: (props: SearchScreenProps) => React.JSX.Element;
+export default SearchScreen;

package/lib/screens/Search/SearchScreen.js

@@ -0,0 +1,194 @@
+import React, { useState, useEffect, useLayoutEffect } from 'react';
+import { useFormik } from 'formik';
+import { Image, TouchableOpacity, Dimensions } from 'react-native';
+import styles from './styles';
+import { Box, Text, Input, View } from 'native-base';
+import { NavigationHeader } from '../../components';
+import VirtualizedScrollView from '../../components/VirtualizedScrollView';
+import { NavigationRoutes } from '../../constants/routes';
+import send from '../../assets/images/send.png';
+import right from '../../assets/images/right.png';
+import { useNavigation, useRoute, useFocusEffect } from '@react-navigation/native';
+const windowWidth = Dimensions.get('window').width;
+const windowHeight = Dimensions.get('window').height;
+const data = [
+    {
+        name: 'from:',
+        eg: 'Ex. @zoemaxwell',
+    },
+    {
+        name: 'is:',
+        eg: 'Ex. saved',
+    },
+    {
+        name: 'after:',
+        eg: 'Ex. 2020-12-18',
+    },
+    {
+        name: 'in:',
+        eg: 'Ex. #proiect-unicorn',
+    },
+];
+const SearchScreen = (props) => {
+    const navigation = useNavigation();
+    const route = useRoute();
+    const [hasSubmitted, setHasSubmitted] = useState(false);
+    const { handleSubmit, values, handleChange, errors } = useFormik({
+        initialValues: {
+            username: '',
+            email: '',
+            password: '',
+            confirmPassword: '',
+        },
+        validateOnBlur: true,
+        //validate: formValidation,
+        onSubmit: (values) => {
+            setHasSubmitted(true);
+        },
+    });
+    const [loading, setLoading] = useState(false);
+    useLayoutEffect(() => {
+        // setLoading(true);
+    }, []);
+    useFocusEffect(React.useCallback(() => {
+        navigation === null || navigation === void 0 ? void 0 : navigation.setOptions({
+            headerShown: true,
+            title: 'Search',
+            headerTitle: 'Search',
+            header: (props) => (<NavigationHeader {...props} customHeader={<>
+                                <Box flex={1} bg={'#3f0e40'} px={4}>
+                                    <Input size="lg" _input={{ backgroundColor: '#fff', borderColor: '#fff' }} placeholder="Enter a search term" variant="filled"/>
+                                </Box>
+                            </>}/>),
+        });
+        return () => {
+            // Do something when the screen is unfocused
+            // Useful for cleanup functions
+        };
+    }, []));
+    useEffect(() => {
+        // const timer = setTimeout(() => {
+        //     setLoading(false);
+        // }, 1000);
+        return () => {
+            //clearTimeout(timer);
+        };
+    }, []);
+    // const loadingComponent = () => (
+    //     <Box flex={1} justifyContent={'center'} alignItems={'center'} safeAreaTop>
+    //         <Spinner />
+    //     </Box>
+    // );
+    return (<VirtualizedScrollView bg={'#fff'} flex={1}>
+            <View flex={1} bg={'#fff'} pb={10}>
+                {/* <Header>
+        <Input size="lg" placeholder="Enter a search term" variant="filled" />
+    </Header> */}
+                {/* <StatusBar style="light" /> */}
+
+                {/* Channels */}
+                <View style={styles.channelContainer}>
+                    <TouchableOpacity style={[
+            styles.headingContainer,
+            {
+                marginTop: 10,
+            },
+        ]} onPress={() => { var _a; return navigation.navigate(NavigationRoutes.Peoples, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }}>
+                        <View style={{
+            borderRadius: 8,
+            alignItems: 'center',
+            flexDirection: 'row',
+        }}>
+                            <Image style={{
+            width: 25,
+            height: 25,
+            resizeMode: 'cover',
+        }} source={send}/>
+                            <Text style={{
+            fontSize: 16,
+            marginLeft: 10,
+        }}>
+                                Browse People
+                            </Text>
+                        </View>
+                        <Image style={styles.iconStyle} source={right}/>
+                    </TouchableOpacity>
+                </View>
+
+                {/* Direct Messages */}
+                <View style={[
+            styles.channelContainer,
+            {
+                borderBottomWidth: 0.4,
+                borderBottomColor: '#868686',
+                paddingBottom: 20,
+            },
+        ]}>
+                    <TouchableOpacity style={styles.headingContainer} onPress={() => { var _a; return navigation.navigate(NavigationRoutes.Channels, { orgName: (_a = route === null || route === void 0 ? void 0 : route.params) === null || _a === void 0 ? void 0 : _a.orgName }); }}>
+                        <View style={{
+            borderRadius: 8,
+            alignItems: 'center',
+            flexDirection: 'row',
+        }}>
+                            <Image style={{
+            width: 25,
+            height: 25,
+            resizeMode: 'cover',
+        }} source={send}/>
+                            <Text style={{
+            fontSize: 16,
+            marginLeft: 10,
+        }}>
+                                Browse Channels
+                            </Text>
+                        </View>
+                        <Image style={styles.iconStyle} source={right}/>
+                    </TouchableOpacity>
+                </View>
+                <View style={styles.bottomContainer}>
+                    <View style={{
+            paddingVertical: 5,
+            marginTop: 5,
+        }}>
+                        <Text style={{
+            color: '#000',
+            fontSize: 15,
+            fontWeight: '600',
+        }}>
+                            Narrow Your Search
+                        </Text>
+                    </View>
+                    {data.map((item, key) => {
+            return (<TouchableOpacity key={key} style={[styles.headingContainer, { marginTop: 20 }]} onPress={() => alert(item.name)}>
+                                <View style={{
+                    borderRadius: 8,
+                    alignItems: 'center',
+                    flexDirection: 'row',
+                }}>
+                                    <Image style={{
+                    width: 25,
+                    height: 25,
+                    resizeMode: 'cover',
+                }} source={send}/>
+                                    <Text style={{
+                    fontSize: 16,
+                    marginLeft: 10,
+                }}>
+                                        {' '}
+                                        {item.name}
+                                    </Text>
+                                </View>
+                                <Text style={{
+                    fontSize: 16,
+                    marginLeft: 10,
+                }}>
+                                    {item.eg}
+                                </Text>
+                            </TouchableOpacity>);
+        })}
+                </View>
+            </View>
+        </VirtualizedScrollView>);
+};
+export default SearchScreen;
+//# sourceMappingURL=SearchScreen.js.map