From bd2df22d84c1c685802356fef52c8f26c44c188d Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 19 Feb 2021 14:29:00 -0800 Subject: restyled to match figma --- src/assets/ionicons/suggested-outline.svg | 1 + src/components/common/GenericMoreInfoDrawer.tsx | 7 +++++-- src/components/profile/ProfileMoreInfoDrawer.tsx | 7 ++++--- src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 2 +- 4 files changed, 11 insertions(+), 6 deletions(-) create mode 100644 src/assets/ionicons/suggested-outline.svg (limited to 'src') diff --git a/src/assets/ionicons/suggested-outline.svg b/src/assets/ionicons/suggested-outline.svg new file mode 100644 index 00000000..05a957f7 --- /dev/null +++ b/src/assets/ionicons/suggested-outline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/common/GenericMoreInfoDrawer.tsx b/src/components/common/GenericMoreInfoDrawer.tsx index a23d7736..b91c38c8 100644 --- a/src/components/common/GenericMoreInfoDrawer.tsx +++ b/src/components/common/GenericMoreInfoDrawer.tsx @@ -8,6 +8,7 @@ import { ViewProps, ViewStyle, } from 'react-native'; +import { normalize } from 'react-native-elements'; import {useSafeAreaInsets} from 'react-native-safe-area-context'; import {BottomDrawer} from '.'; import {TAGG_LIGHT_BLUE} from '../../constants'; @@ -75,8 +76,10 @@ const styles = StyleSheet.create({ borderTopRightRadius: 20, }, panelButtonTitle: { - fontSize: 18, - fontWeight: 'bold', + fontSize: 17, + fontWeight: '600', + lineHeight: normalize(20), + letterSpacing: normalize(0.1), }, icon: { height: 25, diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx index 99b55685..f9cd81a7 100644 --- a/src/components/profile/ProfileMoreInfoDrawer.tsx +++ b/src/components/profile/ProfileMoreInfoDrawer.tsx @@ -1,9 +1,10 @@ import {useNavigation} from '@react-navigation/native'; import React from 'react'; -import {Image, StyleSheet, TouchableOpacity} from 'react-native'; +import {Image, StyleSheet, TouchableOpacity, View} from 'react-native'; import {useSelector} from 'react-redux'; import MoreIcon from '../../assets/icons/more_horiz-24px.svg'; import PersonOutline from '../../assets/ionicons/person-outline.svg'; +import SuggestedOutline from '../../assets/ionicons/suggested-outline.svg'; import {TAGG_DARK_BLUE, TAGG_LIGHT_BLUE} from '../../constants'; import {RootState} from '../../store/rootreducer'; import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils'; @@ -123,8 +124,8 @@ const styles = StyleSheet.create({ zIndex: 1, }, image: { - width: 20, - height: 20, + width: 25, + height: 25, }, }); diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx index 3437cd85..69aa6c87 100644 --- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx +++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx @@ -78,7 +78,7 @@ const SuggestedPeopleScreen: React.FC = () => { profileBodyHeight={0} screenType={ScreenType.SuggestedPeople} /> - + {/* */} -- cgit v1.2.3-70-g09d2