From 9367b16200aa0b7d72bf06a15aac9b75d3918c3a Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 27 Mar 2023 15:34:02 -0500
Subject: [PATCH] AuthorizeRejectButtons: swap out icon during action countdown

---
 app/soapbox/components/authorize-reject-buttons.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/authorize-reject-buttons.tsx b/app/soapbox/components/authorize-reject-buttons.tsx
index bc398132f..de28be80c 100644
--- a/app/soapbox/components/authorize-reject-buttons.tsx
+++ b/app/soapbox/components/authorize-reject-buttons.tsx
@@ -65,7 +65,7 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
       return (
         <HStack space={3} alignItems='center'>
           <IconButton
-            src={require('@tabler/icons/x.svg')}
+            src={state === 'rejecting' ? require('@tabler/icons/player-stop-filled.svg') : require('@tabler/icons/x.svg')}
             onClick={handleReject}
             theme='seamless'
             className='h-10 w-10 items-center justify-center border-2 border-danger-600/10 hover:border-danger-600'
@@ -73,7 +73,7 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
             disabled={state === 'authorizing'}
           />
           <IconButton
-            src={require('@tabler/icons/check.svg')}
+            src={state === 'authorizing' ? require('@tabler/icons/player-stop-filled.svg') : require('@tabler/icons/check.svg')}
             onClick={handleAuthorize}
             theme='seamless'
             className='h-10 w-10 items-center justify-center border-2 border-primary-500/10 hover:border-primary-500'