info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-13 04:34:13 +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 Request Sent
</span> </span>
</div> </div>
<span class="flex cursor-default items-center justify-center border-t py-2 text-center text-sm"> <>
<button {isConfirming !== 'sent' && (
className="ml-2 flex items-center font-medium text-red-700 underline underline-offset-2 hover:text-red-500" <button
onClick={() => { 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"
deleteFriend( onClick={() => {
friend.userId, setIsConfirming('sent');
'Friend request withdrawn' }}
).finally(() => { >
pageProgressMessage.set(''); <TrashIcon className="mr-1 h-4 w-4" />
}); Withdraw Request
}} </button>
> )}
<TrashIcon className="mr-1 h-4 w-4" />
Withdraw Request {isConfirming === 'sent' && (
</button> <span className="flex w-full items-center justify-center border-t py-2 text-sm text-red-700">
</span> 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>
)}
</>
</> </>
)} )}