From 8472bdc50711f7931fbc9a7139c173cad7400fc4 Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Wed, 17 Feb 2021 18:44:54 -0500 Subject: updated instagram icon size --- src/assets/socials/instagram-icon-white-bg.png | Bin 531448 -> 26491 bytes 1 file changed, 0 insertions(+), 0 deletions(-) (limited to 'src/assets') diff --git a/src/assets/socials/instagram-icon-white-bg.png b/src/assets/socials/instagram-icon-white-bg.png index 2d6940ca..b150931f 100644 Binary files a/src/assets/socials/instagram-icon-white-bg.png and b/src/assets/socials/instagram-icon-white-bg.png differ -- cgit v1.2.3-70-g09d2 From 69aa9b8bffbdf5e3ad062c29316e2a01c8a7d384 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 19 Feb 2021 12:53:18 -0800 Subject: Added option to bottom drawer on profile screen --- src/assets/ionicons/suggested-outlined.png | Bin 0 -> 178994 bytes src/components/profile/ProfileMoreInfoDrawer.tsx | 19 ++++++++++++++++++- 2 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 src/assets/ionicons/suggested-outlined.png (limited to 'src/assets') diff --git a/src/assets/ionicons/suggested-outlined.png b/src/assets/ionicons/suggested-outlined.png new file mode 100644 index 00000000..f0ab5297 Binary files /dev/null and b/src/assets/ionicons/suggested-outlined.png differ diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx index daa83eb3..99b55685 100644 --- a/src/components/profile/ProfileMoreInfoDrawer.tsx +++ b/src/components/profile/ProfileMoreInfoDrawer.tsx @@ -1,6 +1,6 @@ import {useNavigation} from '@react-navigation/native'; import React from 'react'; -import {StyleSheet, TouchableOpacity} from 'react-native'; +import {Image, StyleSheet, TouchableOpacity} 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'; @@ -34,6 +34,11 @@ const ProfileMoreInfoDrawer: React.FC = (props) => { setIsOpen(false); }; + const goToUpdateSPProfile = () => { + navigation.push('UpdateSPPicture'); + setIsOpen(false); + }; + const onBlockUnblock = () => { handleBlockUnblock(() => setIsOpen(false)); }; @@ -66,6 +71,14 @@ const ProfileMoreInfoDrawer: React.FC = (props) => { showIcons={true} textColor={'black'} buttons={[ + [ + 'Edit Suggested', + goToUpdateSPProfile, + , + ], ['Edit Profile', goToEditProfile, ], ]} /> @@ -109,6 +122,10 @@ const styles = StyleSheet.create({ right: '5%', zIndex: 1, }, + image: { + width: 20, + height: 20, + }, }); export default ProfileMoreInfoDrawer; -- cgit v1.2.3-70-g09d2 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/assets') 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