From 3b64a6b636712627efe4b0ec185d75201b217915 Mon Sep 17 00:00:00 2001
From: Ryan Loomba <ryan.loomba@gmail.com>
Date: Thu, 17 Jul 2025 11:46:57 -0700
Subject: [PATCH] fix spacing for larger holdings amounts

---
 app/page.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index e00e2f6..0ef7e85 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -33,13 +33,18 @@ function HomeContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
   // const displayLength = useDisplayLength();
-  const displayLength = 20; // Fallback to a fixed length for simplicity
-
   const [bitcoinPrice, setBitcoinPrice] = useState(0);
   const previousPriceRef = useRef(0);
   const [priceDirection, setPriceDirection] = useState<string | null>(null);
   const [holding] = useState(8584);
   const [holdingValue, setHoldingValue] = useState(0);
+  
+  // Calculate display length based on holding value
+  const getDisplayLength = (holdingValue: number) => {
+    return holdingValue >= 1000000000 ? 22 : 20; // 22 for 1B+, 20 for under
+  };
+  
+  const displayLength = getDisplayLength(holdingValue);
   const [currentRowIndex, setCurrentRowIndex] = useState(-1);
   const [ticker, setTicker] = useState(searchParams.get("ticker") || "XYZ");
   const [inputError, setInputError] = useState<string | null>(null);