From 4f0c48c240dd8216697917bc9c2c76a6f8a07910 Mon Sep 17 00:00:00 2001
From: sandra <sandra.frey1993@gmail.com>
Date: Sat, 12 Nov 2022 13:24:08 +0100
Subject: [PATCH] sync

---
 frontend/src/components/CardBeneficiary.jsx | 6 +++++-
 frontend/src/css/Buttons.css                | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/CardBeneficiary.jsx b/frontend/src/components/CardBeneficiary.jsx
index 69ec919..3d23da9 100755
--- a/frontend/src/components/CardBeneficiary.jsx
+++ b/frontend/src/components/CardBeneficiary.jsx
@@ -41,7 +41,11 @@ async function withdraw(){
         </table>
         <br/>
         <div className="btnArea">
-          <button className="withdrawBtn" onClick={withdraw}>Withdraw</button>
+          { props.amount > 0  ? 
+            <button className="withdrawBtn" onClick={withdraw} >Withdraw</button>
+            : 
+            <button className="withdrawBtn" onClick={withdraw} disabled>Withdraw</button>
+          }
         </div>
     </div>
   )
diff --git a/frontend/src/css/Buttons.css b/frontend/src/css/Buttons.css
index 6517bb8..1b6934b 100755
--- a/frontend/src/css/Buttons.css
+++ b/frontend/src/css/Buttons.css
@@ -13,6 +13,11 @@
   cursor: pointer;
 }
 
+.withdrawBtn:disabled {
+  background: #cbd0d4;
+  cursor:not-allowed;
+}
+
 .extendBtn {
   padding: 10px;
   background: #be60e0;