info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-13 20:54:16 +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

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

@@ -238,9 +238,24 @@ export function FriendProgressItem(props: FriendProgressItemProps) {
Request Sent Request Sent
</span> </span>
</div> </div>
<span class="flex cursor-default items-center justify-center border-t py-2 text-center text-sm"> <>
{isConfirming !== 'sent' && (
<button <button
className="ml-2 flex items-center font-medium text-red-700 underline underline-offset-2 hover:text-red-500" 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={() => { onClick={() => {
deleteFriend( deleteFriend(
friend.userId, friend.userId,
@@ -250,10 +265,19 @@ export function FriendProgressItem(props: FriendProgressItemProps) {
}); });
}} }}
> >
<TrashIcon className="mr-1 h-4 w-4" /> Yes
Withdraw Request </button>{' '}
<button
className="ml-2 font-medium text-red-700 underline underline-offset-2 hover:text-red-500"
onClick={() => {
setIsConfirming(undefined);
}}
>
No
</button> </button>
</span> </span>
)}
</>
</> </>
)} )}