From bfa66d58564e88c385b19a6fd99a1cf54c2ddee6 Mon Sep 17 00:00:00 2001
From: David Westgate <davidjwestgate@gmail.com>
Date: Sun, 9 Mar 2025 14:59:08 -0700
Subject: [PATCH] limit ranges for buy in selector

---
 components/BuyInSelector.tsx           | 13 +++++++++++--
 components/ChipDistributionSummary.tsx |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/components/BuyInSelector.tsx b/components/BuyInSelector.tsx
index e6fe07b..a280820 100644
--- a/components/BuyInSelector.tsx
+++ b/components/BuyInSelector.tsx
@@ -10,6 +10,14 @@ interface BuyInSelectorProps {
 }
 
 const defaultBuyInOptions = [10, 25, 50];
+const MIN = 1;
+const MAX = 200;
+
+const parseRoundClamp = (num: string): number => {
+  const parsed = parseFloat(num);
+  const rounded = Math.round(parsed);
+  return Math.min(Math.max(rounded, MIN), MAX);
+};
 
 const BuyInSelector: React.FC<BuyInSelectorProps> = ({
   setBuyInAmount,
@@ -19,9 +27,9 @@ const BuyInSelector: React.FC<BuyInSelectorProps> = ({
   const [buyInAmount, setBuyInAmountState] = useState<number | null>(null);
 
   const handleCustomAmountChange = (value: string) => {
-    const numericValue = parseFloat(value);
+    const numericValue = parseRoundClamp(value);
     if (!isNaN(numericValue) && numericValue >= 0) {
-      setCustomAmount(value);
+      setCustomAmount(numericValue.toString());
       setBuyInAmountState(numericValue);
       setBuyInAmount(numericValue);
     } else {
@@ -55,6 +63,7 @@ const BuyInSelector: React.FC<BuyInSelectorProps> = ({
       <TextInput
         style={styles.input}
         value={customAmount}
+        maxLength={3}
         onChangeText={handleCustomAmountChange}
         placeholder={i18n.t("enter_custom_buy_in")}
         keyboardType="numeric"
diff --git a/components/ChipDistributionSummary.tsx b/components/ChipDistributionSummary.tsx
index 63d88f9..686885b 100644
--- a/components/ChipDistributionSummary.tsx
+++ b/components/ChipDistributionSummary.tsx
@@ -196,7 +196,7 @@ const ChipDistributionSummary = ({
       </View>
       <View style={{ flexDirection: "row", justifyContent: "space-between" }}>
         <Text style={styles.p}>
-          {i18n.t("total_value")}: {selectedCurrency} {totalValue}
+          {i18n.t("total_value")}: {selectedCurrency} {totalValue.toFixed(2)}
         </Text>
         <Text style={styles.p}>
           {selectedCurrency} {potValue} {i18n.t("pot")}