From 5bc6c93d13c4abc602852df8a0ec0df87bed44cc Mon Sep 17 00:00:00 2001
From: Evert Timberg <evert.timberg@gmail.com>
Date: Sun, 26 Sep 2021 08:54:09 -0400
Subject: [PATCH] Block buttons when requests are running

---
 components/Form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Form.tsx b/components/Form.tsx
index b0bbc46..67bf46c 100644
--- a/components/Form.tsx
+++ b/components/Form.tsx
@@ -441,12 +441,12 @@ function Form(): JSX.Element {
                         </div>
 
                         <div className="flex flex-row items-center justify-start">
-                            <button disabled={isDisabledAppleWallet} id="download" type="submit" value='applewallet' name='action'
+                            <button disabled={isDisabledAppleWallet || loading} id="download" type="submit" value='applewallet' name='action'
                                 className="focus:outline-none bg-green-600 py-2 px-3 text-white font-semibold rounded-md disabled:bg-gray-400">
                                 {t('index:addToWallet')}
                             </button>
                             &nbsp;&nbsp;&nbsp;&nbsp;
-                            <button id="saveAsPhoto" type="button" value='photo' name='action' onClick={saveAsPhoto}
+                            <button id="saveAsPhoto" type="button" disabled={loading} value='photo' name='action' onClick={saveAsPhoto}
                                     className="focus:outline-none bg-green-600 py-2 px-3 text-white font-semibold rounded-md disabled:bg-gray-400">
                                 {t('index:saveAsPhoto')}
                             </button>