From 202a70b91f168ef47c3b470d927e38e5093c10ef Mon Sep 17 00:00:00 2001
From: Ayyan <90600421+ayntgl@users.noreply.github.com>
Date: Tue, 4 Jan 2022 15:11:11 +0400
Subject: [PATCH] feat(UserProfile): add button to cancel outgoing friend
 request (#461)

---
 src/context/intermediate/popovers/UserProfile.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/context/intermediate/popovers/UserProfile.tsx b/src/context/intermediate/popovers/UserProfile.tsx
index 8594d2db..32ce465c 100644
--- a/src/context/intermediate/popovers/UserProfile.tsx
+++ b/src/context/intermediate/popovers/UserProfile.tsx
@@ -3,6 +3,7 @@ import {
     Envelope,
     Edit,
     UserPlus,
+    UserX,
     Group,
     InfoCircle,
 } from "@styled-icons/boxicons-solid";
@@ -234,6 +235,11 @@ export const UserProfile = observer(
                                     <UserPlus size={28} />
                                 </IconButton>
                             )}
+                        {user.relationship === RelationshipStatus.Outgoing && (
+                            <IconButton onClick={() => user.removeFriend()}>
+                                <UserX size={28} />
+                            </IconButton>
+                        )}
                     </div>
                     <div className={styles.tabs}>
                         <div