feat: add price to bank output

Author: chambaz

src/app/api/search/arena/pools/route.ts

@@ -214,6 +214,7 @@ export async function GET(request: Request) {
         totalAssetsUsd,
         totalLiabilitiesUsd,
         tvl,
+        oraclePrice: oraclePrice.priceRealtime.price.toNumber(),
         config: {
           assetTag:
             bank.config.riskTier === RiskTier.Isolated

src/app/api/search/marginfi/banks/route.ts

@@ -134,6 +134,7 @@ export async function GET(request: Request) {
       totalAssetsUsd,
       totalLiabilitiesUsd,
       tvl,
+      oraclePrice: oraclePrice.priceRealtime.price.toNumber(),
       config: {
         assetTag:
           bank.config.riskTier === RiskTier.Isolated

src/components/search-arena-pools.tsx

@@ -288,6 +288,14 @@ const SearchArenaPools = ({ pools }: SearchArenaPoolsProps) => {
                         </strong>
                         <AddressActions address={bank.tokenAddress} />
                       </li>
+                      <li className="grid w-full grid-cols-2 items-center">
+                        <strong className="font-medium text-muted-foreground">
+                          Oracle Price:
+                        </strong>
+                        <div className="text-right">
+                          {formatUsd(bank.oraclePrice)}
+                        </div>
+                      </li>
                       {bank.config.oracleKeys.length > 0 && (
                         <li className="grid w-full grid-cols-2 items-start">
                           <strong className="font-medium text-muted-foreground">

src/components/search-banks.tsx

@@ -255,6 +255,14 @@ const SearchBanks = ({ banks, stakedBanks }: SearchBanksProps) => {
                   </strong>
                   <AddressActions address={selectedBank.tokenAddress} />
                 </li>
+                <li className="grid w-full grid-cols-2 items-center">
+                  <strong className="font-medium text-muted-foreground">
+                    Oracle Price:
+                  </strong>
+                  <div className="text-right">
+                    {formatUsd(bankDetails.oraclePrice)}
+                  </div>
+                </li>
                 {bankDetails.config.oracleKeys.length > 0 && (
                   <li className="grid w-full grid-cols-2 items-start">
                     <strong className="font-medium text-muted-foreground">

src/lib/types.ts

@@ -28,6 +28,7 @@ export type Bank = {
   totalAssetsUsd: number;
   totalLiabilitiesUsd: number;
   tvl: number;
+  oraclePrice: number;
   config: {
     assetTag: "Isolated" | "Native Stake" | "Global";
     assetWeight: number;

src/lib/utils.ts

@@ -24,6 +24,9 @@ export const formatNumber = (value: number) => {
 };
 
 export const formatUsd = (value: number) => {
+  if (value < 0.01) {
+    return value.toFixed(8);
+  }
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",