info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-12 12:13:58 +02:00
Code Issues Releases Wiki Activity

Add confirmation on withdraw request

Browse Source
This commit is contained in:
Kamran Ahmed
2023-08-08 21:30:33 +01:00
parent b69889cc29
commit 1d716a9438
1 changed files with 40 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/Friends/FriendProgressItem.tsx
View File

@@ -238,22 +238,46 @@ export function FriendProgressItem(props: FriendProgressItemProps) {
Request Sent
</span>
</div>
<span class="flex cursor-default items-center justify-center border-t py-2 text-center text-sm">
<button
className="ml-2 flex items-center font-medium text-red-700 underline underline-offset-2 hover:text-red-500"
onClick={() => {
deleteFriend(
friend.userId,
'Friend request withdrawn'
).finally(() => {
pageProgressMessage.set('');
});
}}
>
<TrashIcon className="mr-1 h-4 w-4" />
Withdraw Request
</button>
</span>
<>
{isConfirming !== 'sent' && (
<button
className="flex w-full items-center justify-center border-t py-2 text-sm font-medium text-red-700 hover:bg-red-50/50 hover:text-red-500"
onClick={() => {
setIsConfirming('sent');
}}
>
<TrashIcon className="mr-1 h-4 w-4" />
Withdraw Request
</button>
)}
{isConfirming === 'sent' && (
<span className="flex w-full items-center justify-center border-t py-2 text-sm text-red-700">
Are you sure?{' '}
<button
className="ml-2 font-medium text-red-700 underline underline-offset-2 hover:text-red-500"
onClick={() => {
deleteFriend(
friend.userId,
'Friend request withdrawn'
).finally(() => {
pageProgressMessage.set('');
});
}}
>
Yes
</button>{' '}
<button
className="ml-2 font-medium text-red-700 underline underline-offset-2 hover:text-red-500"
onClick={() => {
setIsConfirming(undefined);
}}
>
No
</button>
</span>
)}
</>
</>
)}