From 7546479fab4d9fd9e3d1c9c9ebcbbf6e9378ca92 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 16 Mar 2022 14:52:05 -0400
Subject: [PATCH] Add friend request close button

---
 .../room/widgets/friend-request/FriendRequestDialogView.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/room/widgets/friend-request/FriendRequestDialogView.tsx b/src/components/room/widgets/friend-request/FriendRequestDialogView.tsx
index 8cf7134b..1e230ec8 100644
--- a/src/components/room/widgets/friend-request/FriendRequestDialogView.tsx
+++ b/src/components/room/widgets/friend-request/FriendRequestDialogView.tsx
@@ -1,3 +1,4 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { FC } from 'react';
 import { LocalizeText, RoomWidgetFriendRequestMessage } from '../../../../api';
 import { Base, Button, Column, Flex, Text } from '../../../../common';
@@ -28,7 +29,10 @@ export const FriendRequestDialogView: FC<FriendRequestDialogViewProps> = props =
         <UserLocationView userId={ userId }>
             <Base className="nitro-friend-request-dialog nitro-context-menu p-2">
                 <Column>
-                    <Text variant="white" fontSize={ 6 }>{ LocalizeText('widget.friendrequest.from', [ 'username' ], [ userName ]) }</Text>
+                    <Flex alignItems="center" justifyContent="between" gap={ 2 }>
+                        <Text variant="white" fontSize={ 6 }>{ LocalizeText('widget.friendrequest.from', [ 'username' ], [ userName ]) }</Text>
+                        <FontAwesomeIcon icon="times" className="cursor-pointer" onClick={ close } />
+                    </Flex>
                     <Flex justifyContent="end" gap={ 1 }>
                         <Button variant="danger" onClick={ event => respond(false) }>{ LocalizeText('widget.friendrequest.decline') }</Button>
                         <Button variant="success" onClick={ event => respond(true) }>{ LocalizeText('widget.friendrequest.accept') }</Button>