From 63794a6e3393aabbb39ae729bc9c021032c21981 Mon Sep 17 00:00:00 2001
From: Wenhao Ji <predator.ray@gmail.com>
Date: Sat, 23 Nov 2024 14:59:17 -0800
Subject: [PATCH] Display the action buttons that are actionable only

---
 src/App.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index bd4c924..a73599f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -151,11 +151,19 @@ function ActionButtons(props: {
           callAmount === 0 ? 'CHECK' : <>CALL<br/>${callAmount}</>
         }
       </ActionButton>
-      <ActionButton className="action-raise" onClick={raiseUpToHalfPot}>RAISE<br/>1/2 pot</ActionButton>
-      <ActionButton className="action-raise" onClick={raiseUpToPot}>RAISE<br/>1 pot</ActionButton>
-      <ActionButton className="action-raise" onClick={raiseUpToTwicePot}>RAISE<br/>2 pot</ActionButton>
+      {
+        callAmount <= Math.ceil(potAmount / 2) && <ActionButton className="action-raise" onClick={raiseUpToHalfPot}>RAISE<br/>1/2 pot</ActionButton>
+      }
+      {
+        callAmount <= potAmount && <ActionButton className="action-raise" onClick={raiseUpToPot}>RAISE<br/>1 pot</ActionButton>
+      }
+      {
+        callAmount <= (potAmount * 2) &&  <ActionButton className="action-raise" onClick={raiseUpToTwicePot}>RAISE<br/>2 pot</ActionButton>
+      }
       <ActionButton className="action-all-in" onClick={allIn}>ALL-IN</ActionButton>
-      <ActionButton className="action-fold" onClick={fold}>FOLD</ActionButton>
+      {
+        callAmount > 0 && <ActionButton className="action-fold" onClick={fold}>FOLD</ActionButton>
+      }
     </div>
   );
 }