sync

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>
   )

frontend/src/css/Buttons.css

@@ -13,6 +13,11 @@
   cursor: pointer;
 }
 
+.withdrawBtn:disabled {
+  background: #cbd0d4;
+  cursor:not-allowed;
+}
+
 .extendBtn {
   padding: 10px;
   background: #be60e0;