added new requested button

1 files changed, 5 insertions, 2 deletions

diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index b1650e3d..6cf792ef 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -20,6 +20,7 @@ import SuggestedPeopleOnboardingStackScreen from '../../routes/suggestedPeopleOn
 import {getSuggestedPeople} from '../../services/SuggestedPeopleService';
 import {cancelFriendRequest, resetScreenType} from '../../store/actions';
 import {RootState} from '../../store/rootReducer';
+import RequestedButton from '../../assets/ionicons/requested-button.svg';
 import {
   FriendshipStatusType,
   FriendshipType,
@@ -187,7 +188,10 @@ const SuggestedPeopleScreen: React.FC = () => {
               style={styles.requestedButton}
               onPress={() => onCancelRequest(suggested)}
               disabled={false}>
-              <Text style={styles.requestedButtonTitle}>{'Requested'}</Text>
+              <RequestedButton
+                width={SCREEN_WIDTH * 0.3}
+                height={SCREEN_HEIGHT * 0.085}
+              />
             </TouchableOpacity>
           );
         } else {
@@ -380,7 +384,6 @@ const styles = StyleSheet.create({
     shadowRadius: 2,
     shadowOffset: {width: 2, height: 2},
     shadowOpacity: 0.5,
-    backgroundColor: '#fff',
   },
   requestedButtonTitle: {
     backgroundColor: 'transparent',