diff options
Diffstat (limited to 'src')
38 files changed, 529 insertions, 14 deletions
diff --git a/src/assets/images/badges/alpha_chi_omega.png b/src/assets/images/badges/alpha_chi_omega.png Binary files differnew file mode 100644 index 00000000..473894cc --- /dev/null +++ b/src/assets/images/badges/alpha_chi_omega.png diff --git a/src/assets/images/badges/alpha_phi_alpha.png b/src/assets/images/badges/alpha_phi_alpha.png Binary files differnew file mode 100644 index 00000000..275e0eb3 --- /dev/null +++ b/src/assets/images/badges/alpha_phi_alpha.png diff --git a/src/assets/images/badges/baseball.png b/src/assets/images/badges/baseball.png Binary files differnew file mode 100644 index 00000000..7b470dbe --- /dev/null +++ b/src/assets/images/badges/baseball.png diff --git a/src/assets/images/badges/basketball.png b/src/assets/images/badges/basketball.png Binary files differnew file mode 100644 index 00000000..45d1139b --- /dev/null +++ b/src/assets/images/badges/basketball.png diff --git a/src/assets/images/badges/beta_omega_chi.png b/src/assets/images/badges/beta_omega_chi.png Binary files differnew file mode 100644 index 00000000..f2a85996 --- /dev/null +++ b/src/assets/images/badges/beta_omega_chi.png diff --git a/src/assets/images/badges/brown_badge.png b/src/assets/images/badges/brown_badge.png Binary files differnew file mode 100644 index 00000000..bcffb6e3 --- /dev/null +++ b/src/assets/images/badges/brown_badge.png diff --git a/src/assets/images/badges/delta_gamma.png b/src/assets/images/badges/delta_gamma.png Binary files differnew file mode 100644 index 00000000..84182eca --- /dev/null +++ b/src/assets/images/badges/delta_gamma.png diff --git a/src/assets/images/badges/delta_phi.png b/src/assets/images/badges/delta_phi.png Binary files differnew file mode 100644 index 00000000..074317d1 --- /dev/null +++ b/src/assets/images/badges/delta_phi.png diff --git a/src/assets/images/badges/field_hockey.png b/src/assets/images/badges/field_hockey.png Binary files differnew file mode 100644 index 00000000..766f0f60 --- /dev/null +++ b/src/assets/images/badges/field_hockey.png diff --git a/src/assets/images/badges/football.png b/src/assets/images/badges/football.png Binary files differnew file mode 100644 index 00000000..2e8214b7 --- /dev/null +++ b/src/assets/images/badges/football.png diff --git a/src/assets/images/badges/gymnastics.png b/src/assets/images/badges/gymnastics.png Binary files differnew file mode 100644 index 00000000..5d500f26 --- /dev/null +++ b/src/assets/images/badges/gymnastics.png diff --git a/src/assets/images/badges/hockey.png b/src/assets/images/badges/hockey.png Binary files differnew file mode 100644 index 00000000..7e269665 --- /dev/null +++ b/src/assets/images/badges/hockey.png diff --git a/src/assets/images/badges/kappa_alpha_psi.png b/src/assets/images/badges/kappa_alpha_psi.png Binary files differnew file mode 100644 index 00000000..1b7d7aff --- /dev/null +++ b/src/assets/images/badges/kappa_alpha_psi.png diff --git a/src/assets/images/badges/kappa_delta.png b/src/assets/images/badges/kappa_delta.png Binary files differnew file mode 100644 index 00000000..642ddb5b --- /dev/null +++ b/src/assets/images/badges/kappa_delta.png diff --git a/src/assets/images/badges/lax.png b/src/assets/images/badges/lax.png Binary files differnew file mode 100644 index 00000000..3810589b --- /dev/null +++ b/src/assets/images/badges/lax.png diff --git a/src/assets/images/badges/sigma.png b/src/assets/images/badges/sigma.png Binary files differnew file mode 100644 index 00000000..7e6c9d22 --- /dev/null +++ b/src/assets/images/badges/sigma.png diff --git a/src/assets/images/badges/theta_alpha.png b/src/assets/images/badges/theta_alpha.png Binary files differnew file mode 100644 index 00000000..607720f5 --- /dev/null +++ b/src/assets/images/badges/theta_alpha.png diff --git a/src/assets/images/badges/track.png b/src/assets/images/badges/track.png Binary files differnew file mode 100644 index 00000000..a531f641 --- /dev/null +++ b/src/assets/images/badges/track.png diff --git a/src/assets/images/badges/volleyball.png b/src/assets/images/badges/volleyball.png Binary files differnew file mode 100644 index 00000000..a9bb9c88 --- /dev/null +++ b/src/assets/images/badges/volleyball.png diff --git a/src/components/index.ts b/src/components/index.ts index 0a7c189b..d5649323 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -6,4 +6,3 @@ export * from './taggs'; export * from './comments'; export * from './moments'; export * from './suggestedPeople'; - diff --git a/src/components/taggs/SocialMediaInfo.tsx b/src/components/taggs/SocialMediaInfo.tsx index 8f5f38c1..5497226c 100644 --- a/src/components/taggs/SocialMediaInfo.tsx +++ b/src/components/taggs/SocialMediaInfo.tsx @@ -1,6 +1,6 @@ import React from 'react'; import {StyleSheet, Text, View} from 'react-native'; -import { ScreenType } from '../../types'; +import {ScreenType} from '../../types'; import {SocialIcon} from '../common'; import {handleOpenSocialUrlOnBrowser} from '../../utils'; diff --git a/src/constants/api.ts b/src/constants/api.ts index 07fa2b59..0fc846c3 100644 --- a/src/constants/api.ts +++ b/src/constants/api.ts @@ -32,6 +32,7 @@ export const NOTIFICATIONS_ENDPOINT: string = API_URL + 'notifications/'; export const DISCOVER_ENDPOINT: string = API_URL + 'discover/'; export const WAITLIST_USER_ENDPOINT: string = API_URL + 'waitlist-user/'; export const COMMENT_THREAD_ENDPOINT: string = API_URL + 'reply/'; +export const ADD_USER_BADGES: string = API_URL + 'suggested_people/add_badges/'; // Suggested People export const SP_USERS_ENDPOINT: string = API_URL + 'suggested_people/'; diff --git a/src/constants/constants.ts b/src/constants/constants.ts index 14bff6a7..72eb1b57 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -79,6 +79,14 @@ export const NOTIFICATION_GRADIENT = [ 'rgba(247, 248, 248, 1)', 'rgba(247, 248, 248, 0)', ]; +export const BADGE_GRADIENT_FIRST = [ + 'rgba(86, 63, 51, 1)', + 'rgba(236, 32, 39, 1)', +]; +export const BADGE_GRADIENT_REST = [ + 'rgba(78, 54, 41, 1)', + 'rgba(236, 32, 39, 1)', +]; export const SOCIAL_FONT_COLORS = { INSTAGRAM: INSTAGRAM_FONT_COLOR, diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx index 901dd993..4230f4a6 100644 --- a/src/routes/main/MainStackNavigator.tsx +++ b/src/routes/main/MainStackNavigator.tsx @@ -72,6 +72,9 @@ export type MainStackParams = { UpdateSPPicture: { goTo: string; }; + Badge: { + screenType: ScreenType; + }; }; export const MainStack = createStackNavigator<MainStackParams>(); diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx index 04f73985..42b096f1 100644 --- a/src/routes/main/MainStackScreen.tsx +++ b/src/routes/main/MainStackScreen.tsx @@ -7,6 +7,7 @@ import {normalize} from 'react-native-elements'; import BackIcon from '../../assets/icons/back-arrow.svg'; import { AnimatedTutorial, + BadgeSelection, CaptionScreen, CategorySelection, CreateCustomCategory, @@ -225,6 +226,13 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => { ...headerBarOptions('white', ''), }} /> + <MainStack.Screen + name="Badge" + component={BadgeSelection} + options={{ + ...headerBarOptions('white', ''), + }} + /> </MainStack.Navigator> ); }; diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx index 49713d66..5d4f7cf2 100644 --- a/src/routes/tabs/NavigationBar.tsx +++ b/src/routes/tabs/NavigationBar.tsx @@ -19,9 +19,10 @@ const NavigationBar: React.FC = () => { (state: RootState) => state, ); - const [unreadNotificationsPresent, setUnreadNotificationsPresent] = useState< - boolean - >(false); + const [ + unreadNotificationsPresent, + setUnreadNotificationsPresent, + ] = useState<boolean>(false); useEffect(() => { const determine = async () => { diff --git a/src/screens/badge/BadgeItem.tsx b/src/screens/badge/BadgeItem.tsx new file mode 100644 index 00000000..d7c0b74a --- /dev/null +++ b/src/screens/badge/BadgeItem.tsx @@ -0,0 +1,84 @@ +import React from 'react'; +import {View, Text, StyleSheet, Image, ImageSourcePropType} from 'react-native'; +import {SCREEN_WIDTH, normalize} from '../../utils'; +import LinearGradient from 'react-native-linear-gradient'; +import {BADGE_GRADIENT_FIRST, BADGE_GRADIENT_REST} from '../../constants'; +import {TouchableOpacity} from 'react-native-gesture-handler'; + +interface BadgeItemProps { + title: string; + resourcePath: ImageSourcePropType; + index: Number; + selected: boolean; + onSelection: (ikey: string) => void; +} + +const BadgeItem: React.FC<BadgeItemProps> = ({ + title, + resourcePath, + selected, + index, + onSelection, +}) => { + return ( + <TouchableOpacity onPress={() => onSelection(title)}> + <LinearGradient + colors={index === 0 ? BADGE_GRADIENT_FIRST : BADGE_GRADIENT_REST} + useAngle={true} + angle={136.69} + style={styles.item}> + <View + style={ + selected ? styles.selectedDetailContainer : styles.detailContainer + }> + <Image source={resourcePath} style={styles.imageStyles} /> + <View style={styles.textContainer}> + <Text style={styles.title}>{title}</Text> + </View> + </View> + </LinearGradient> + </TouchableOpacity> + ); +}; + +const styles = StyleSheet.create({ + item: { + width: SCREEN_WIDTH / 3 - 20, + height: SCREEN_WIDTH / 3 - 20, + marginLeft: 15, + marginBottom: 12, + borderRadius: 8, + }, + detailContainer: { + flexGrow: 1, + justifyContent: 'center', + alignItems: 'center', + borderWidth: 3, + borderRadius: 8, + borderColor: 'transparent', + }, + selectedDetailContainer: { + flexGrow: 1, + justifyContent: 'center', + alignItems: 'center', + borderWidth: 3, + borderColor: 'white', + borderRadius: 8, + }, + imageStyles: { + width: '31%', + height: '31%', + marginTop: '11%', + }, + textContainer: {marginTop: '16%'}, + title: { + fontSize: normalize(15), + fontWeight: '500', + lineHeight: normalize(17.9), + textAlign: 'center', + color: 'white', + marginHorizontal: '2%', + }, +}); + +export default BadgeItem; diff --git a/src/screens/badge/BadgeList.tsx b/src/screens/badge/BadgeList.tsx new file mode 100644 index 00000000..93932123 --- /dev/null +++ b/src/screens/badge/BadgeList.tsx @@ -0,0 +1,57 @@ +import React from 'react'; +import {StyleSheet, SectionList, ScrollView} from 'react-native'; +import BadgeItem from './BadgeItem'; +import BadgeHeader from './BadgeListHeader'; +import {SCREEN_HEIGHT} from '../../utils'; + +interface BadgeListProps { + data: any[]; + selectedBadges: any[]; + selectKey: (ikey: string) => void; +} + +const BadgeList: React.FC<BadgeListProps> = ({ + data, + selectedBadges, + selectKey, +}) => { + return ( + <ScrollView contentContainerStyle={styles.scrollViewStyles}> + <SectionList + stickySectionHeadersEnabled={true} + contentContainerStyle={styles.listContainer} + sections={data} + keyExtractor={(item, index) => item + index} + extraData={selectedBadges} + renderItem={({item: {badgeName, badgeImage}, index}) => { + return ( + <BadgeItem + selected={selectedBadges.includes(badgeName)} + onSelection={selectKey} + title={badgeName} + resourcePath={badgeImage} + index={index} + /> + ); + }} + renderSectionHeader={({section: {title}}) => ( + <BadgeHeader title={title} /> + )} + /> + </ScrollView> + ); +}; + +const styles = StyleSheet.create({ + listContainer: { + flexDirection: 'row', + flexWrap: 'wrap', + alignItems: 'center', + flexGrow: 1, + }, + scrollViewStyles: { + paddingBottom: SCREEN_HEIGHT * 0.6, + }, +}); + +export default BadgeList; diff --git a/src/screens/badge/BadgeListHeader.tsx b/src/screens/badge/BadgeListHeader.tsx new file mode 100644 index 00000000..27335dfb --- /dev/null +++ b/src/screens/badge/BadgeListHeader.tsx @@ -0,0 +1,33 @@ +import React from 'react'; +import {View, Text, StyleSheet} from 'react-native'; +import {SCREEN_WIDTH, normalize} from '../../utils'; + +interface BadgeHeaderProps { + title: String; +} + +const BadgeListHeader: React.FC<BadgeHeaderProps> = ({title}) => { + return ( + <View style={styles.headerContainer}> + <Text style={styles.header}>{title}</Text> + </View> + ); +}; + +const styles = StyleSheet.create({ + headerContainer: { + width: SCREEN_WIDTH * 0.75, + marginHorizontal: SCREEN_WIDTH * 0.125, + marginBottom: '2%', + marginTop: '4%', + }, + header: { + fontSize: normalize(20), + fontWeight: '700', + lineHeight: normalize(23.87), + color: '#fff', + textAlign: 'center', + }, +}); + +export default BadgeListHeader; diff --git a/src/screens/badge/BadgeScreenHeader.tsx b/src/screens/badge/BadgeScreenHeader.tsx new file mode 100644 index 00000000..8996282a --- /dev/null +++ b/src/screens/badge/BadgeScreenHeader.tsx @@ -0,0 +1,39 @@ +import React from 'react'; +import {Image, StyleSheet, Text, View} from 'react-native'; +import {normalize} from '../../utils'; + +const BadgeScreenHeader: React.FC = () => { + return ( + <View style={styles.container}> + <Image source={require('../../assets/images/badges/brown_badge.png')} /> + <View style={styles.universityTextContainer}> + <Text style={styles.universityText}>Brown University Badges</Text> + </View> + <View style={styles.searchTextContainer}> + <Text style={styles.searchText}> + Search for organizations you are a part of! + </Text> + </View> + </View> + ); +}; + +const styles = StyleSheet.create({ + container: {alignItems: 'center'}, + universityTextContainer: {marginTop: 12}, + universityText: { + fontSize: normalize(20), + fontWeight: '700', + lineHeight: normalize(23.87), + color: 'white', + }, + searchTextContainer: {marginTop: 6}, + searchText: { + fontSize: normalize(15), + fontWeight: '500', + lineHeight: normalize(17.9), + color: 'white', + }, +}); + +export default BadgeScreenHeader; diff --git a/src/screens/badge/BadgeSelection.tsx b/src/screens/badge/BadgeSelection.tsx new file mode 100644 index 00000000..9ed1b08f --- /dev/null +++ b/src/screens/badge/BadgeSelection.tsx @@ -0,0 +1,271 @@ +import React, {useEffect, useState} from 'react'; +import {StatusBar, SafeAreaView, View, StyleSheet} from 'react-native'; +import {BackgroundGradientType} from '../../types'; +import {StatusBarHeight, SCREEN_HEIGHT} from '../../utils'; +import LinearGradient from 'react-native-linear-gradient'; +import {BACKGROUND_GRADIENT_MAP} from '../../constants'; +import BadgeList from './BadgeList'; +import BadgeScreenHeader from './BadgeScreenHeader'; +import {ADD_USER_BADGES} from '../../constants'; +import {getTokenOrLogout} from './../../utils'; +import Animated from 'react-native-reanimated'; + +import {SearchBar} from '../../components'; + +import {StackNavigationProp} from '@react-navigation/stack'; + +/** + * Home Screen for displaying Tagg Badge Selections + **/ + +const BadgeImages = { + football: require('../../assets/images/badges/football.png'), + track: require('../../assets/images/badges/track.png'), + volleyball: require('../../assets/images/badges/volleyball.png'), + lax: require('../../assets/images/badges/brown_badge.png'), + fieldHockey: require('../../assets/images/badges/field_hockey.png'), + gymnastics: require('../../assets/images/badges/gymnastics.png'), + hockey: require('../../assets/images/badges/hockey.png'), + baseball: require('../../assets/images/badges/baseball.png'), + basketball: require('../../assets/images/badges/basketball.png'), + kappadelta: require('../../assets/images/badges/kappa_delta.png'), + alphachiomega: require('../../assets/images/badges/alpha_chi_omega.png'), + deltagamma: require('../../assets/images/badges/delta_gamma.png'), + sigma: require('../../assets/images/badges/sigma.png'), + thetaalpha: require('../../assets/images/badges/theta_alpha.png'), + deltaphi: require('../../assets/images/badges/delta_phi.png'), + kappaalphapsi: require('../../assets/images/badges/kappa_alpha_psi.png'), + alphaphialpha: require('../../assets/images/badges/alpha_phi_alpha.png'), + betaomegachi: require('../../assets/images/badges/beta_omega_chi.png'), +}; + +const DATA = [ + { + title: 'Athletics', + data: [ + { + badgeName: 'Brown Football', + badgeImage: BadgeImages.football, + }, + { + badgeName: 'Brown Track', + badgeImage: BadgeImages.track, + }, + { + badgeName: 'Brown Volleyball', + badgeImage: BadgeImages.volleyball, + }, + { + badgeName: 'Brown LAX', + badgeImage: BadgeImages.lax, + }, + { + badgeName: 'Brown Field Hockey', + badgeImage: BadgeImages.fieldHockey, + }, + { + badgeName: 'Brown Gymnastics', + badgeImage: BadgeImages.gymnastics, + }, + { + badgeName: 'Brown Hockey', + badgeImage: BadgeImages.hockey, + }, + { + badgeName: 'Brown Baseball', + badgeImage: BadgeImages.baseball, + }, + { + badgeName: 'Brown Basketball', + badgeImage: BadgeImages.basketball, + }, + ], + }, + + { + title: 'Sorority', + data: [ + { + badgeName: 'Kappa Delta', + badgeImage: BadgeImages.kappadelta, + }, + { + badgeName: 'Alpha Chi Omega', + badgeImage: BadgeImages.alphachiomega, + }, + { + badgeName: 'Delta Gamma', + badgeImage: BadgeImages.deltagamma, + }, + ], + }, + + { + title: 'Fraternity', + data: [ + { + badgeName: 'Sigma', + badgeImage: BadgeImages.sigma, + }, + { + badgeName: 'Theta Alpha', + badgeImage: BadgeImages.thetaalpha, + }, + { + badgeName: 'Delta Phi', + badgeImage: BadgeImages.deltaphi, + }, + ], + }, + { + title: 'Historically Black Fraternities', + data: [ + { + badgeName: 'Kappa Alpha Psi', + badgeImage: BadgeImages.kappadelta, + }, + { + badgeName: 'Alpha Phi Alpha', + badgeImage: BadgeImages.alphaphialpha, + }, + { + badgeName: 'Beta Omega Chi', + badgeImage: BadgeImages.betaomegachi, + }, + ], + }, +]; + +import {TouchableOpacity} from 'react-native-gesture-handler'; +import {Text} from 'react-native-animatable'; +import {useDispatch} from 'react-redux'; + +type BadgeSelectionParamList = { + BadgeList: any[]; +}; + +type BadgeSelectionScreenNavigationProp = StackNavigationProp< + BadgeSelectionParamList, + 'BadgeList' +>; + +type BadgeSelectionProps = { + navigation: BadgeSelectionScreenNavigationProp; +}; + +const BadgeSelection: React.FC<BadgeSelectionProps> = ({navigation}) => { + const [canSubmit, setCanSubmit] = useState(false); + navigation.setOptions({ + headerRight: () => ( + <TouchableOpacity + style={styles.rightButtonContainer} + onPress={() => { + if (canSubmit) { + uploadUserSelection(); + } + }}> + <Text style={styles.rightButton}>{canSubmit ? 'Done' : 'Skip'}</Text> + </TouchableOpacity> + ), + headerLeft: () => ( + <TouchableOpacity style={styles.leftButtonContainer}> + <Text style={styles.leftButton}>Cancel</Text> + </TouchableOpacity> + ), + }); + + const [selectedBadges, setSelectedBadges] = useState(Array<string>()); + const selectKey = (key: string) => { + if (selectedBadges.includes(key)) { + const selectedBadgesArray = [...selectedBadges]; + const itemIndex = selectedBadgesArray.indexOf(key); + if (itemIndex > -1) { + selectedBadgesArray.splice(itemIndex, 1); + } + setSelectedBadges(selectedBadgesArray); + } else { + const selectedBadgesArray = [...selectedBadges, key]; + setSelectedBadges(selectedBadgesArray); + } + }; + const dispatch = useDispatch(); + useEffect(() => { + setCanSubmit(selectedBadges.length !== 0); + }, [selectedBadges]); + + const uploadUserSelection = async () => { + try { + const token = await getTokenOrLogout(dispatch); + const reqBody = JSON.stringify({ + badges: selectedBadges, + }); + console.log(ADD_USER_BADGES); + console.log(reqBody); + const response = await fetch(ADD_USER_BADGES, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + Authorization: 'Token ' + token, + }, + body: reqBody, + }); + const status = response.status; + const data = await response.json(); + console.log(data); + } catch (error) { + console.log(error); + } + }; + + return ( + <LinearGradient + colors={BACKGROUND_GRADIENT_MAP[BackgroundGradientType.Dark]} + style={styles.container}> + <StatusBar barStyle={'light-content'} /> + <SafeAreaView> + <View style={styles.listContainer}> + <BadgeScreenHeader /> + <SearchBar + style={styles.searchBarStyle} + onCancel={() => {}} + top={Animated.useValue(0)} + /> + <BadgeList + data={DATA} + selectedBadges={selectedBadges} + selectKey={selectKey} + /> + </View> + </SafeAreaView> + </LinearGradient> + ); +}; + +const styles = StyleSheet.create({ + container: { + flex: 1, + }, + searchBarStyle: { + width: '95%', + alignSelf: 'center', + marginTop: SCREEN_HEIGHT * 0.05, + }, + viewContainer: {marginTop: StatusBarHeight}, + listContainer: {marginTop: SCREEN_HEIGHT * 0.05}, + rightButtonContainer: {marginRight: 24}, + rightButton: { + color: '#FFFFFF', + fontWeight: 'bold', + fontSize: 15, + lineHeight: 18, + }, + leftButtonContainer: {marginLeft: 24}, + leftButton: { + color: '#FFFFFF', + fontWeight: '500', + fontSize: 15, + lineHeight: 18, + }, +}); + +export default BadgeSelection; diff --git a/src/screens/badge/index.ts b/src/screens/badge/index.ts new file mode 100644 index 00000000..217aa7e8 --- /dev/null +++ b/src/screens/badge/index.ts @@ -0,0 +1,5 @@ +export {default as BadgeSelection} from './BadgeSelection'; +export {default as BadgeItem} from './BadgeItem'; +export {default as BadgeListHeader} from './BadgeListHeader'; +export {default as BadgeList} from './BadgeList'; +export {default as BadgeScreenHeader} from './BadgeScreenHeader'; diff --git a/src/screens/index.ts b/src/screens/index.ts index faf3d0b7..50ada3d1 100644 --- a/src/screens/index.ts +++ b/src/screens/index.ts @@ -4,3 +4,4 @@ export * from './profile'; export * from './search'; export * from './suggestedPeople'; export * from './suggestedPeopleOnboarding'; +export * from './badge'; diff --git a/src/screens/profile/SocialMediaTaggs.tsx b/src/screens/profile/SocialMediaTaggs.tsx index 45d417a6..466ba509 100644 --- a/src/screens/profile/SocialMediaTaggs.tsx +++ b/src/screens/profile/SocialMediaTaggs.tsx @@ -12,7 +12,12 @@ import { } from '../../components'; import {AVATAR_GRADIENT} from '../../constants'; import {ProfileStackParams} from '../../routes'; -import {SimplePostType, TwitterPostType, SocialAccountType, ScreenType} from '../../types'; +import { + SimplePostType, + TwitterPostType, + SocialAccountType, + ScreenType, +} from '../../types'; import {AvatarHeaderHeight, SCREEN_HEIGHT} from '../../utils'; import {useSelector} from 'react-redux'; import {RootState} from '../../store/rootReducer'; diff --git a/src/services/FCMService.ts b/src/services/FCMService.ts index b6cd18af..84f30f09 100644 --- a/src/services/FCMService.ts +++ b/src/services/FCMService.ts @@ -134,7 +134,7 @@ class FCMService { // TODO: Get {name, params} of screen when user must be redirected to // Redirected to Notification Screen for now const redirectTo = 'Notifications'; - /* TODO: Check login status and redirect user/store screen to async as + /* TODO: Check login status and redirect user/store screen to async as initialRoute for NavigationBar Stack */ RootNavigation.navigate(redirectTo); } diff --git a/src/services/ReportingService.ts b/src/services/ReportingService.ts index 8c0a4bfb..76883e81 100644 --- a/src/services/ReportingService.ts +++ b/src/services/ReportingService.ts @@ -3,10 +3,7 @@ import {REPORT_ISSUE_ENDPOINT} from '../constants'; import {Alert} from 'react-native'; import AsyncStorage from '@react-native-community/async-storage'; -import { - ERROR_SOMETHING_WENT_WRONG, - MARKED_AS_MSG, -} from '../constants/strings'; +import {ERROR_SOMETHING_WENT_WRONG, MARKED_AS_MSG} from '../constants/strings'; export const sendReport = async ( moment_id: string, diff --git a/src/store/reducers/userBlockReducer.ts b/src/store/reducers/userBlockReducer.ts index 90e4a04a..64bdda30 100644 --- a/src/store/reducers/userBlockReducer.ts +++ b/src/store/reducers/userBlockReducer.ts @@ -11,8 +11,9 @@ const userBlockSlice = createSlice({ updateBlockedList: (state, action) => { const {isBlocked, data} = action.payload; - if (!isBlocked) state.blockedUsers.push(data); - else { + if (!isBlocked) { + state.blockedUsers.push(data); + } else { state.blockedUsers = state.blockedUsers.filter( (user) => user.username != data.username, ); diff --git a/src/utils/common.ts b/src/utils/common.ts index 50f96493..30122e79 100644 --- a/src/utils/common.ts +++ b/src/utils/common.ts @@ -88,7 +88,9 @@ export const haveUnreadNotifications = async ( continue; } const unread = lastViewed ? lastViewed.diff(notificationDate) < 0 : false; - if (unread) return true; + if (unread) { + return true; + } } return false; }; |
