From dea349d54fbfb9ad7d725ea6f2db0989581339df Mon Sep 17 00:00:00 2001
From: "sewmina7@gmail.com" <sewmina7@gmail.com>
Date: Tue, 2 Jul 2024 10:37:05 +0530
Subject: [PATCH] Build issues

---
 app/callout.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/callout.tsx b/app/callout.tsx
index b16fbd2..0cbf9c6 100644
--- a/app/callout.tsx
+++ b/app/callout.tsx
@@ -74,7 +74,7 @@ const CalloutModal = ({ isOpen, onClose, onSubmit }) => {
           </button>
         </div>
 
-        <p className="text-lg mb-4">Type in a token's short code that you think will boom anytime soon</p>
+        <p className="text-lg mb-4">Type in a token short code that you think will boom anytime soon</p>
         <div className="relative">
           <input
             type="text"
@@ -87,22 +87,22 @@ const CalloutModal = ({ isOpen, onClose, onSubmit }) => {
             <ul className="absolute z-10 w-full bg-black border rounded shadow-lg max-h-60 overflow-y-auto">
               {searchResults.map((result) => (
                 <li
-                  key={result.pairId}
-                  onClick={() => handleSelectToken(result.baseToken.symbol,result.baseToken.name, result.baseToken.address)}
+                  key={result["pairId"]}
+                  onClick={() => handleSelectToken(result["baseToken"]["symbol"],result["baseToken"]["name"], result["baseToken"]["address"])}
                   className="p-2 hover:bg-gray-400 cursor-pointer flex justify-between items-center glassmorphism-scroller"
                 >
                   <div className="flex flex-col w-3/4">
                     <div className="flex justify-between">
-                      <span>{result.baseToken.symbol} - {result.baseToken.name}</span>
-                      <span>{result.chain}</span>
+                      <span>{result["baseToken"]["symbol"]} - {result["baseToken"]["name"]}</span>
+                      <span>{result["chain"]}</span>
                     </div>
                     <div className="flex justify-between text-sm">
-                      <span>24H Vol: ${result.volume.h24.toLocaleString()}</span>
-                      <span>0x...{result.baseToken.address.slice(-4)}</span>
+                      <span>24H Vol: ${result["volume"]["h24"]}</span>
+                      <span>0x...{result["baseToken"]["address"]}</span>
                     </div>
                   </div>
                   <div className="w-1/2 text-right">
-                    <span className="text-lg font-bold ml-2">${result.priceUsd}</span>
+                    <span className="text-lg font-bold ml-2">${result["priceUsd"]}</span>
                   </div>
                 </li>
               ))}