diff options
Diffstat (limited to 'src/screens')
-rw-r--r-- | src/screens/badge/BadgeItem.tsx | 1 | ||||
-rw-r--r-- | src/screens/badge/BadgeList.tsx | 6 | ||||
-rw-r--r-- | src/screens/badge/BadgeScreenHeader.tsx | 2 | ||||
-rw-r--r-- | src/screens/badge/BadgeSelection.tsx | 41 | ||||
-rw-r--r-- | src/screens/badge/index.ts | 4 | ||||
-rw-r--r-- | src/screens/onboarding/InvitationCodeVerification.tsx | 5 | ||||
-rw-r--r-- | src/screens/profile/SocialMediaTaggs.tsx | 7 |
7 files changed, 33 insertions, 33 deletions
diff --git a/src/screens/badge/BadgeItem.tsx b/src/screens/badge/BadgeItem.tsx index ec47d7b5..d7c0b74a 100644 --- a/src/screens/badge/BadgeItem.tsx +++ b/src/screens/badge/BadgeItem.tsx @@ -1,6 +1,5 @@ import React from 'react'; import {View, Text, StyleSheet, Image, ImageSourcePropType} from 'react-native'; -import {Background} from '../../components'; import {SCREEN_WIDTH, normalize} from '../../utils'; import LinearGradient from 'react-native-linear-gradient'; import {BADGE_GRADIENT_FIRST, BADGE_GRADIENT_REST} from '../../constants'; diff --git a/src/screens/badge/BadgeList.tsx b/src/screens/badge/BadgeList.tsx index 39d0a948..93932123 100644 --- a/src/screens/badge/BadgeList.tsx +++ b/src/screens/badge/BadgeList.tsx @@ -1,5 +1,5 @@ -import React, {useState} from 'react'; -import {StyleSheet, SectionList, ScrollView, View} from 'react-native'; +import React from 'react'; +import {StyleSheet, SectionList, ScrollView} from 'react-native'; import BadgeItem from './BadgeItem'; import BadgeHeader from './BadgeListHeader'; import {SCREEN_HEIGHT} from '../../utils'; @@ -18,7 +18,7 @@ const BadgeList: React.FC<BadgeListProps> = ({ return ( <ScrollView contentContainerStyle={styles.scrollViewStyles}> <SectionList - stickySectionHeadersEnabled = {true} + stickySectionHeadersEnabled={true} contentContainerStyle={styles.listContainer} sections={data} keyExtractor={(item, index) => item + index} diff --git a/src/screens/badge/BadgeScreenHeader.tsx b/src/screens/badge/BadgeScreenHeader.tsx index 7f722e28..8996282a 100644 --- a/src/screens/badge/BadgeScreenHeader.tsx +++ b/src/screens/badge/BadgeScreenHeader.tsx @@ -1,6 +1,6 @@ import React from 'react'; import {Image, StyleSheet, Text, View} from 'react-native'; -import {SCREEN_WIDTH, SCREEN_HEIGHT, normalize} from '../../utils'; +import {normalize} from '../../utils'; const BadgeScreenHeader: React.FC = () => { return ( diff --git a/src/screens/badge/BadgeSelection.tsx b/src/screens/badge/BadgeSelection.tsx index fa709832..9ed1b08f 100644 --- a/src/screens/badge/BadgeSelection.tsx +++ b/src/screens/badge/BadgeSelection.tsx @@ -1,8 +1,7 @@ import React, {useEffect, useState} from 'react'; import {StatusBar, SafeAreaView, View, StyleSheet} from 'react-native'; import {BackgroundGradientType} from '../../types'; -import {Background} from '../../components'; -import {StatusBarHeight, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils'; +import {StatusBarHeight, SCREEN_HEIGHT} from '../../utils'; import LinearGradient from 'react-native-linear-gradient'; import {BACKGROUND_GRADIENT_MAP} from '../../constants'; import BadgeList from './BadgeList'; @@ -159,34 +158,18 @@ const BadgeSelection: React.FC<BadgeSelectionProps> = ({navigation}) => { navigation.setOptions({ headerRight: () => ( <TouchableOpacity - style={{marginRight: 24}} + style={styles.rightButtonContainer} onPress={() => { if (canSubmit) { uploadUserSelection(); } }}> - <Text - style={{ - color: '#FFFFFF', - fontWeight: 'bold', - fontSize: 15, - lineHeight: 18, - }}> - {canSubmit ? 'Done' : 'Skip'} - </Text> + <Text style={styles.rightButton}>{canSubmit ? 'Done' : 'Skip'}</Text> </TouchableOpacity> ), headerLeft: () => ( - <TouchableOpacity style={{marginLeft: 24}}> - <Text - style={{ - color: '#FFFFFF', - fontWeight: '500', - fontSize: 15, - lineHeight: 18, - }}> - Cancel - </Text> + <TouchableOpacity style={styles.leftButtonContainer}> + <Text style={styles.leftButton}>Cancel</Text> </TouchableOpacity> ), }); @@ -269,6 +252,20 @@ const styles = StyleSheet.create({ }, 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 index f6b20b83..217aa7e8 100644 --- a/src/screens/badge/index.ts +++ b/src/screens/badge/index.ts @@ -3,7 +3,3 @@ 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/onboarding/InvitationCodeVerification.tsx b/src/screens/onboarding/InvitationCodeVerification.tsx index 903a9912..a0213530 100644 --- a/src/screens/onboarding/InvitationCodeVerification.tsx +++ b/src/screens/onboarding/InvitationCodeVerification.tsx @@ -78,7 +78,10 @@ const InvitationCodeVerification: React.FC<InvitationCodeVerificationProps> = ({ Alert.alert(ERROR_INVALID_INVITATION_CODE); } } catch (error) { - Alert.alert(ERROR_VERIFICATION_FAILED_SHORT, ERROR_DOUBLE_CHECK_CONNECTION); + Alert.alert( + ERROR_VERIFICATION_FAILED_SHORT, + ERROR_DOUBLE_CHECK_CONNECTION, + ); return { name: 'Verification error', description: error, 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'; |