nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-27 08:00:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add friend request close button

Browse Source
This commit is contained in:
Bill 2022-03-16 14:52:05 -04:00
parent d3ebc259dc
commit 7546479fab
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/room/widgets/friend-request/FriendRequestDialogView.tsx
View File

@ -1,3 +1,4 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { FC } from 'react'; import { FC } from 'react';
import { LocalizeText, RoomWidgetFriendRequestMessage } from '../../../../api'; import { LocalizeText, RoomWidgetFriendRequestMessage } from '../../../../api';
import { Base, Button, Column, Flex, Text } from '../../../../common'; import { Base, Button, Column, Flex, Text } from '../../../../common';
@ -28,7 +29,10 @@ export const FriendRequestDialogView: FC<FriendRequestDialogViewProps> = props =
<UserLocationView userId={ userId }> <UserLocationView userId={ userId }>
<Base className="nitro-friend-request-dialog nitro-context-menu p-2"> <Base className="nitro-friend-request-dialog nitro-context-menu p-2">
<Column> <Column>
<Flex alignItems="center" justifyContent="between" gap={ 2 }>
<Text variant="white" fontSize={ 6 }>{ LocalizeText('widget.friendrequest.from', [ 'username' ], [ userName ]) }</Text> <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 }> <Flex justifyContent="end" gap={ 1 }>
<Button variant="danger" onClick={ event => respond(false) }>{ LocalizeText('widget.friendrequest.decline') }</Button> <Button variant="danger" onClick={ event => respond(false) }>{ LocalizeText('widget.friendrequest.decline') }</Button>
<Button variant="success" onClick={ event => respond(true) }>{ LocalizeText('widget.friendrequest.accept') }</Button> <Button variant="success" onClick={ event => respond(true) }>{ LocalizeText('widget.friendrequest.accept') }</Button>