@amityco/react-native-social-uikit 4.0.0-03e2bf8.0

package/lib/module/screens/EditProfile/EditProfile.js

@@ -0,0 +1,215 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable react/no-unstable-nested-components */
+import React, { useCallback, useRef, useState } from 'react';
+import { View, Text, Image, TouchableOpacity, ActionSheetIOS, Platform, Alert, TextInput } from 'react-native';
+import { launchCamera, launchImageLibrary } from 'react-native-image-picker';
+import { useStyles } from './styles';
+import CloseButton from '../../components/BackButton/index';
+import DoneButton from '../../components/DoneButton/index';
+import { LoadingOverlay } from '../../components/LoadingOverlay/index';
+import { UserRepository } from '@amityco/ts-sdk-react-native';
+import useAuth from '../../hooks/useAuth';
+import { uploadImageFile } from '../../providers/file-provider';
+import { useFocusEffect } from '@react-navigation/native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+const actions = [{
+  title: 'Take Image',
+  type: 'capture',
+  options: {
+    saveToPhotos: true,
+    mediaType: 'photo',
+    includeBase64: false
+  }
+}, {
+  title: 'Select Image',
+  type: 'library',
+  options: {
+    selectionLimit: 1,
+    mediaType: 'photo',
+    includeBase64: false
+  }
+}];
+export const EditProfile = ({
+  navigation,
+  route
+}) => {
+  const styles = useStyles();
+  const MAX_CHARACTER_COUNT = 100;
+  const {
+    apiRegion
+  } = useAuth();
+  const imageUriRef = useRef(undefined);
+  const [imageUri, setImageUri] = useState();
+  const [displayName, setDisplayName] = useState();
+  const [about, setAbout] = useState();
+  const displayNameRef = useRef(displayName);
+  const aboutRef = useRef(about);
+  const [displayNameCharacterCount, setDisplayNameCharacterCount] = useState(0);
+  const [aboutCharacterCount, setAboutCharacterCount] = useState(0);
+  const [showLoadingIndicator, setShowLoadingIndicator] = useState(false);
+  const {
+    user
+  } = route.params;
+  React.useLayoutEffect(() => {
+    navigation.setOptions({
+      headerLeft: () => /*#__PURE__*/React.createElement(CloseButton, null),
+      title: 'Edit Profile',
+      headerRight: () => /*#__PURE__*/React.createElement(DoneButton, {
+        navigation: navigation,
+        onDonePressed: onDonePressed,
+        buttonTxt: "Save"
+      })
+    });
+  }, [navigation]);
+  const avatarFileURL = useCallback(fileId => {
+    return `https://api.${apiRegion}.amity.co/api/v3/files/${fileId}/download?size=medium`;
+  }, [apiRegion]);
+  useFocusEffect(useCallback(() => {
+    setDisplayName(user.displayName);
+    if (user.avatarFileId) {
+      setImageUri(avatarFileURL(user.avatarFileId));
+      imageUriRef.current = avatarFileURL(user.avatarFileId);
+    } else if (user.avatarCustomUrl) {
+      setImageUri(avatarFileURL(user.avatarFileId));
+      imageUriRef.current = user.avatarCustomUrl;
+    }
+    setAbout(user.description);
+  }, [avatarFileURL, user.avatarCustomUrl, user.avatarFileId, user.description, user.displayName]));
+  const onDonePressed = async () => {
+    try {
+      setShowLoadingIndicator(true);
+      const userDetail = {
+        displayName: displayNameRef.current,
+        description: aboutRef.current ?? ''
+      };
+      const file = imageUriRef.current && (await uploadImageFile(imageUriRef.current));
+      if (file) {
+        userDetail.avatarFileId = file[0].fileId;
+        userDetail.avatarCustomUrl = file[0].fileUrl;
+      }
+      await UserRepository.updateUser(user.userId, userDetail);
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setShowLoadingIndicator(false);
+    }
+  };
+  const openCamera = async () => {
+    await launchCamera(actions[0], response => {
+      if (!response.didCancel && !response.errorCode) {
+        if (response.assets) {
+          imageUriRef.current = response.assets[0].uri;
+          setImageUri(response.assets[0].uri);
+        }
+      }
+    });
+  };
+  const openImageGallery = async () => {
+    await launchImageLibrary(actions[1], response => {
+      if (response.didCancel) {
+        console.log('User cancelled image picker');
+      } else if (response.errorCode) {
+        console.log('ImagePicker Error: ', response.errorCode + ', ' + response.errorMessage);
+      } else {
+        if (response.assets) {
+          imageUriRef.current = response.assets[0].uri;
+          setImageUri(response.assets[0].uri);
+        }
+      }
+    });
+  };
+  const handleAvatarPress = () => {
+    if (Platform.OS === 'ios') {
+      ActionSheetIOS.showActionSheetWithOptions({
+        options: ['Cancel', 'Take Photo', 'Choose from Library'],
+        cancelButtonIndex: 0
+      }, buttonIndex => {
+        if (buttonIndex === 1) {
+          openCamera();
+        } else if (buttonIndex === 2) {
+          openImageGallery();
+        }
+      });
+    } else {
+      Alert.alert('Select a Photo', '', [{
+        text: 'Cancel',
+        style: 'cancel'
+      }, {
+        text: 'Take Photo',
+        onPress: openCamera
+      }, {
+        text: 'Choose from Library',
+        onPress: openImageGallery
+      }]);
+    }
+  };
+  const handleDisplayNameTextChange = text => {
+    displayNameRef.current = text;
+    setDisplayName(text);
+    setDisplayNameCharacterCount(text.length);
+  };
+  const handleAboutTextChange = text => {
+    aboutRef.current = text;
+    setAbout(text);
+    setAboutCharacterCount(text.length);
+  };
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(LoadingOverlay, {
+    isLoading: showLoadingIndicator,
+    loadingText: "Loading..."
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleAvatarPress
+  }, /*#__PURE__*/React.createElement(Image, {
+    style: styles.avatar,
+    source: imageUri ? {
+      uri: imageUri
+    } : require('../../../assets/icon/Placeholder.png')
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.cameraIconContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleAvatarPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.cameraIcon
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: require('../../../assets/icon/cameraIcon.png'),
+    style: styles.imageIcon
+  }))))), /*#__PURE__*/React.createElement(View, {
+    style: styles.displayNameContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.displayNameText
+  }, "Display name*"), /*#__PURE__*/React.createElement(View, {
+    style: styles.characterCountContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.characterCountText
+  }, `${displayNameCharacterCount}/${MAX_CHARACTER_COUNT}`))), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: displayName,
+    onChangeText: handleDisplayNameTextChange,
+    maxLength: MAX_CHARACTER_COUNT,
+    placeholder: "",
+    placeholderTextColor: "#a0a0a0"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.displayNameContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.displayNameText
+  }, "About"), /*#__PURE__*/React.createElement(View, {
+    style: styles.characterCountContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.characterCountText
+  }, `${aboutCharacterCount}/${MAX_CHARACTER_COUNT}`))), /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: about,
+    onChangeText: handleAboutTextChange,
+    maxLength: MAX_CHARACTER_COUNT,
+    placeholder: "",
+    placeholderTextColor: "#a0a0a0"
+  })));
+};
+//# sourceMappingURL=EditProfile.js.map

package/lib/module/screens/EditProfile/EditProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","View","Text","Image","TouchableOpacity","ActionSheetIOS","Platform","Alert","TextInput","launchCamera","launchImageLibrary","useStyles","CloseButton","DoneButton","LoadingOverlay","UserRepository","useAuth","uploadImageFile","useFocusEffect","SafeAreaView","actions","title","type","options","saveToPhotos","mediaType","includeBase64","selectionLimit","EditProfile","navigation","route","styles","MAX_CHARACTER_COUNT","apiRegion","imageUriRef","undefined","imageUri","setImageUri","displayName","setDisplayName","about","setAbout","displayNameRef","aboutRef","displayNameCharacterCount","setDisplayNameCharacterCount","aboutCharacterCount","setAboutCharacterCount","showLoadingIndicator","setShowLoadingIndicator","user","params","useLayoutEffect","setOptions","headerLeft","createElement","headerRight","onDonePressed","buttonTxt","avatarFileURL","fileId","avatarFileId","current","avatarCustomUrl","description","userDetail","file","fileUrl","updateUser","userId","error","console","openCamera","response","didCancel","errorCode","assets","uri","openImageGallery","log","errorMessage","handleAvatarPress","OS","showActionSheetWithOptions","cancelButtonIndex","buttonIndex","alert","text","style","onPress","handleDisplayNameTextChange","length","handleAboutTextChange","container","isLoading","loadingText","avatarContainer","avatar","source","require","cameraIconContainer","cameraIcon","imageIcon","displayNameContainer","displayNameText","characterCountContainer","characterCountText","inputContainer","input","value","onChangeText","maxLength","placeholder","placeholderTextColor"],"sourceRoot":"../../../../src","sources":["screens/EditProfile/EditProfile.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/EditProfile/styles.js

@@ -0,0 +1,79 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+const CAMERA_ICON_SIZE = 30;
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      // justifyContent: 'center',
+      paddingHorizontal: 16,
+      backgroundColor: theme.colors.background
+    },
+    avatarContainer: {
+      alignItems: 'center',
+      position: 'relative',
+      marginBottom: 20
+    },
+    avatar: {
+      alignItems: 'center',
+      width: 64,
+      height: 64,
+      borderRadius: 32
+    },
+    overlay: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 1,
+      backgroundColor: 'rgba(255, 255, 255, 0.7)'
+    },
+    cameraIconContainer: {
+      position: 'absolute',
+      bottom: 0,
+      right: '40%'
+    },
+    cameraIcon: {
+      backgroundColor: '#EBECEF',
+      borderRadius: CAMERA_ICON_SIZE / 2,
+      padding: 5,
+      margin: 5
+    },
+    imageIcon: {},
+    displayNameContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginTop: 10,
+      marginBottom: 10
+    },
+    displayNameText: {
+      flex: 1,
+      fontWeight: '600',
+      fontSize: 17,
+      color: theme.colors.base
+    },
+    characterCountContainer: {
+      marginRight: 10
+    },
+    characterCountText: {
+      fontSize: 14,
+      color: 'gray'
+    },
+    inputContainer: {
+      justifyContent: 'flex-start',
+      width: '100%',
+      alignItems: 'flex-start'
+    },
+    input: {
+      height: 50,
+      padding: 10,
+      borderBottomWidth: 1,
+      borderRadius: 5,
+      borderColor: '#EBECEF',
+      fontSize: 16,
+      color: theme.colors.base,
+      width: '100%' // Now this will work
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/screens/EditProfile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","CAMERA_ICON_SIZE","useStyles","theme","styles","create","container","flex","paddingHorizontal","backgroundColor","colors","background","avatarContainer","alignItems","position","marginBottom","avatar","width","height","borderRadius","overlay","justifyContent","zIndex","cameraIconContainer","bottom","right","cameraIcon","padding","margin","imageIcon","displayNameContainer","flexDirection","marginTop","displayNameText","fontWeight","fontSize","color","base","characterCountContainer","marginRight","characterCountText","inputContainer","input","borderBottomWidth","borderColor"],"sourceRoot":"../../../../src","sources":["screens/EditProfile/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,MAAMC,gBAAgB,GAAG,EAAE;AAE3B,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAe;EACtC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACP;MACAC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAEN,KAAK,CAACO,MAAM,CAACC;IAChC,CAAC;IACDC,eAAe,EAAE;MACfC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,MAAM,EAAE;MACNH,UAAU,EAAE,QAAQ;MACpBI,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE;IAChB,CAAC;IACDC,OAAO,EAAE;MACPC,cAAc,EAAE,QAAQ;MACxBR,UAAU,EAAE,QAAQ;MACpBS,MAAM,EAAE,CAAC;MACTb,eAAe,EAAE;IACnB,CAAC;IACDc,mBAAmB,EAAE;MACnBT,QAAQ,EAAE,UAAU;MACpBU,MAAM,EAAE,CAAC;MACTC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVjB,eAAe,EAAE,SAAS;MAC1BU,YAAY,EAAElB,gBAAgB,GAAG,CAAC;MAClC0B,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE,CAAC,CAAC;IACbC,oBAAoB,EAAE;MACpBC,aAAa,EAAE,KAAK;MACpBlB,UAAU,EAAE,QAAQ;MACpBmB,SAAS,EAAE,EAAE;MACbjB,YAAY,EAAE;IAChB,CAAC;IACDkB,eAAe,EAAE;MACf1B,IAAI,EAAE,CAAC;MACP2B,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEjC,KAAK,CAACO,MAAM,CAAC2B;IACtB,CAAC;IACDC,uBAAuB,EAAE;MACvBC,WAAW,EAAE;IACf,CAAC;IACDC,kBAAkB,EAAE;MAClBL,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAE;IACT,CAAC;IACDK,cAAc,EAAE;MACdpB,cAAc,EAAE,YAAY;MAC5BJ,KAAK,EAAE,MAAM;MACbJ,UAAU,EAAE;IACd,CAAC;IACD6B,KAAK,EAAE;MACLxB,MAAM,EAAE,EAAE;MACVS,OAAO,EAAE,EAAE;MACXgB,iBAAiB,EAAE,CAAC;MACpBxB,YAAY,EAAE,CAAC;MACfyB,WAAW,EAAE,SAAS;MACtBT,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEjC,KAAK,CAACO,MAAM,CAAC2B,IAAI;MACxBpB,KAAK,EAAE,MAAM,CAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC","ignoreList":[]}

package/lib/module/screens/Explore/index.js

@@ -0,0 +1,173 @@
+import * as React from 'react';
+import { CategoryRepository, CommunityRepository } from '@amityco/ts-sdk-react-native';
+import { useState, useEffect, useCallback } from 'react';
+// import { useTranslation } from 'react-i18next';
+
+import { View, Text, ScrollView, Image, TouchableOpacity } from 'react-native';
+import { useStyles } from './styles';
+import { useNavigation } from '@react-navigation/native';
+import useAuth from '../../hooks/useAuth';
+import { SvgXml } from 'react-native-svg';
+import { communityIcon } from '../../svg/svg-xml-list';
+export default function Explore() {
+  const styles = useStyles();
+  const {
+    apiRegion
+  } = useAuth();
+  const navigation = useNavigation();
+  const [recommendCommunityList, setRecommendCommunityList] = useState([]);
+  const [trendingCommunityList, setTrendingCommunityList] = useState([]);
+  const [categoryList, setCategoryList] = useState([]);
+  const loadRecommendCommunities = () => {
+    const unsubscribe = CommunityRepository.getRecommendedCommunities({
+      limit: 5
+    }, ({
+      data: recommendCommunities
+    }) => setRecommendCommunityList(recommendCommunities));
+    unsubscribe();
+  };
+  const loadTrendingCommunities = async () => {
+    CommunityRepository.getTrendingCommunities({
+      limit: 5
+    }, ({
+      data,
+      loading,
+      error
+    }) => {
+      if (error) return;
+      if (!loading) {
+        setTrendingCommunityList(data);
+      }
+    });
+  };
+  const loadCategories = async () => {
+    CategoryRepository.getCategories({
+      sortBy: 'name',
+      limit: 8
+    }, ({
+      data
+    }) => {
+      if (data) {
+        setCategoryList(data);
+      }
+    });
+  };
+  const handleCategoryListClick = () => {
+    setTimeout(() => {
+      navigation.navigate('CategoryList');
+    }, 100);
+  };
+  const handleCommunityClick = (communityId, communityName) => {
+    setTimeout(() => {
+      navigation.navigate('CommunityHome', {
+        communityId,
+        communityName
+      });
+    }, 100);
+  };
+  useEffect(() => {
+    loadRecommendCommunities();
+    loadTrendingCommunities();
+    loadCategories();
+  }, []);
+  const handleCategoryClick = useCallback((categoryId, categoryName) => {
+    setTimeout(() => {
+      navigation.navigate('CommunityList', {
+        categoryId,
+        categoryName
+      });
+    }, 100);
+  }, [navigation]);
+  const renderCategoryList = useCallback(() => {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.wrapContainer
+    }, categoryList.map(category => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: styles.rowContainer,
+        key: category.categoryId,
+        onPress: () => handleCategoryClick(category.categoryId, category.name)
+      }, /*#__PURE__*/React.createElement(Image, {
+        style: styles.avatar,
+        source: category.avatarFileId ? {
+          uri: `https://api.${apiRegion}.amity.co/api/v3/files/${category.avatarFileId}/download`
+        } : require('../../../assets/icon/Placeholder.png')
+      }), /*#__PURE__*/React.createElement(Text, {
+        ellipsizeMode: "tail",
+        numberOfLines: 1,
+        style: styles.columnText
+      }, category.name));
+    }));
+  }, [apiRegion, categoryList, handleCategoryClick, styles]);
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.recommendContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Recommended for you"), /*#__PURE__*/React.createElement(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false
+  }, recommendCommunityList.map(community => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: community.communityId,
+    style: styles.card,
+    onPress: () => handleCommunityClick(community.communityId, community.displayName)
+  }, community.avatarFileId ? /*#__PURE__*/React.createElement(Image, {
+    style: styles.avatar,
+    source: {
+      uri: `https://api.${apiRegion}.amity.co/api/v3/files/${community.avatarFileId}/download`
+    }
+  }) : /*#__PURE__*/React.createElement(SvgXml, {
+    xml: communityIcon,
+    style: styles.avatar,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.name
+  }, community.displayName), /*#__PURE__*/React.createElement(Text, {
+    style: styles.recommendSubDetail
+  }, community.membersCount, " members"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.bio
+  }, community.description))))), /*#__PURE__*/React.createElement(View, {
+    style: styles.trendingContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Today's trending"), /*#__PURE__*/React.createElement(View, null, trendingCommunityList.map((community, index) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    key: community.communityId,
+    style: styles.itemContainer,
+    onPress: () => handleCommunityClick(community.communityId, community.displayName)
+  }, community.avatarFileId ? /*#__PURE__*/React.createElement(Image, {
+    style: styles.avatar,
+    source: community.avatarFileId ? {
+      uri: `https://api.${apiRegion}.amity.co/api/v3/files/${community.avatarFileId}/download`
+    } : require('../../../assets/icon/Placeholder.png')
+  }) : /*#__PURE__*/React.createElement(SvgXml, {
+    xml: communityIcon,
+    style: styles.avatar,
+    width: 40,
+    height: 40
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.trendingTextContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.number
+  }, index + 1), /*#__PURE__*/React.createElement(View, {
+    style: styles.memberContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.memberTextContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.memberText
+  }, community.displayName), /*#__PURE__*/React.createElement(Text, {
+    style: styles.memberCount
+  }, community.membersCount, " members")))))))), /*#__PURE__*/React.createElement(View, {
+    style: styles.categoriesContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.titleContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.titleText
+  }, "Categories"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleCategoryListClick
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: require('../../../assets/icon/arrowRight.png'),
+    style: styles.arrowIcon
+  }))), renderCategoryList()));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/screens/Explore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","CategoryRepository","CommunityRepository","useState","useEffect","useCallback","View","Text","ScrollView","Image","TouchableOpacity","useStyles","useNavigation","useAuth","SvgXml","communityIcon","Explore","styles","apiRegion","navigation","recommendCommunityList","setRecommendCommunityList","trendingCommunityList","setTrendingCommunityList","categoryList","setCategoryList","loadRecommendCommunities","unsubscribe","getRecommendedCommunities","limit","data","recommendCommunities","loadTrendingCommunities","getTrendingCommunities","loading","error","loadCategories","getCategories","sortBy","handleCategoryListClick","setTimeout","navigate","handleCommunityClick","communityId","communityName","handleCategoryClick","categoryId","categoryName","renderCategoryList","createElement","style","wrapContainer","map","category","rowContainer","key","onPress","name","avatar","source","avatarFileId","uri","require","ellipsizeMode","numberOfLines","columnText","container","recommendContainer","title","horizontal","showsHorizontalScrollIndicator","community","card","displayName","xml","width","height","recommendSubDetail","membersCount","bio","description","trendingContainer","index","itemContainer","trendingTextContainer","number","memberContainer","memberTextContainer","memberText","memberCount","categoriesContainer","titleContainer","titleText","arrowIcon"],"sourceRoot":"../../../../src","sources":["screens/Explore/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/Explore/styles.js

@@ -0,0 +1,140 @@
+import { StyleSheet } from 'react-native';
+import { useTheme } from 'react-native-paper';
+export const useStyles = () => {
+  const theme = useTheme();
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: theme.colors.baseShade4
+    },
+    recommendContainer: {
+      backgroundColor: theme.colors.baseShade4,
+      paddingLeft: 15,
+      paddingVertical: 10
+    },
+    trendingContainer: {
+      paddingLeft: 15,
+      paddingVertical: 10,
+      backgroundColor: theme.colors.background
+    },
+    title: {
+      fontWeight: 'bold',
+      fontSize: 20,
+      marginTop: 10,
+      marginBottom: 20,
+      color: theme.colors.base
+    },
+    listContainer: {
+      flex: 1
+    },
+    trendingTextContainer: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    card: {
+      width: 175,
+      backgroundColor: theme.colors.background,
+      borderRadius: 10,
+      marginRight: 10,
+      marginBottom: 10,
+      padding: 15
+    },
+    recommendSubDetail: {
+      fontSize: 13,
+      marginBottom: 5,
+      color: theme.colors.baseShade1
+    },
+    avatar: {
+      width: 40,
+      height: 40,
+      borderRadius: 20,
+      marginBottom: 10
+    },
+    name: {
+      fontWeight: '600',
+      fontSize: 15,
+      marginBottom: 5,
+      color: theme.colors.base
+    },
+    bio: {
+      color: theme.colors.base,
+      fontSize: 13
+    },
+    itemContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginBottom: 16
+    },
+    number: {
+      fontSize: 18,
+      fontWeight: '600',
+      marginHorizontal: 12,
+      color: '#1054DE',
+      paddingBottom: 10
+    },
+    memberContainer: {
+      alignItems: 'flex-start'
+    },
+    memberTextContainer: {
+      alignItems: 'flex-start',
+      paddingBottom: 10 // Added to horizontally center the text within memberContainer
+    },
+    memberText: {
+      fontSize: 18,
+      fontWeight: '600',
+      marginRight: 4,
+      color: theme.colors.base
+    },
+    memberCount: {
+      fontSize: 13,
+      fontWeight: '400',
+      color: theme.colors.baseShade1,
+      marginRight: 4
+    },
+    categoriesContainer: {
+      paddingTop: 20,
+      paddingHorizontal: 10,
+      paddingBottom: 120,
+      backgroundColor: theme.colors.background
+    },
+    titleContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      marginBottom: 10
+    },
+    titleText: {
+      fontSize: 18,
+      fontWeight: 'bold',
+      marginBottom: 10,
+      color: theme.colors.base
+    },
+    arrowIcon: {
+      width: 10,
+      height: 17,
+      marginRight: 10,
+      tintColor: theme.colors.base
+    },
+    rowContainer: {
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      width: '50%',
+      paddingHorizontal: 8,
+      marginBottom: 10
+    },
+    columnText: {
+      fontSize: 16,
+      fontWeight: '600',
+      marginLeft: 10,
+      marginBottom: 10,
+      color: theme.colors.base,
+      width: '70%'
+    },
+    wrapContainer: {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }
+  });
+  return styles;
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/screens/Explore/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useTheme","useStyles","theme","styles","create","container","backgroundColor","colors","baseShade4","recommendContainer","paddingLeft","paddingVertical","trendingContainer","background","title","fontWeight","fontSize","marginTop","marginBottom","color","base","listContainer","flex","trendingTextContainer","flexDirection","alignItems","card","width","borderRadius","marginRight","padding","recommendSubDetail","baseShade1","avatar","height","name","bio","itemContainer","number","marginHorizontal","paddingBottom","memberContainer","memberTextContainer","memberText","memberCount","categoriesContainer","paddingTop","paddingHorizontal","titleContainer","justifyContent","titleText","arrowIcon","tintColor","rowContainer","columnText","marginLeft","wrapContainer","flexWrap"],"sourceRoot":"../../../../src","sources":["screens/Explore/styles.ts"],"mappings":"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","ignoreList":[]}