style: apply formatter and add learn link to confirmation modal tooltip

- Run formatter across all changed files
- Show "TBD" instead of "Swap too small" in confirmation modal with
  the same tooltip copy and Learn link as the swap interface
- Change InfoRow tooltip prop to ReactNode to support inline links

Author: passandscore

src/components/dashboard/UserSwapsModal.tsx

@@ -104,8 +104,8 @@ function UserSwapsModalBody({ address }: { address: string }) {
                 </Badge>
               </TooltipTrigger>
               <TooltipContent side="bottom" className="max-w-[240px] text-xs">
-                Total miles across all your Fast Swaps, shown before a 2%
-                referral fee is deducted (if applicable).
+                Total miles across all your Fast Swaps, shown before a 2% referral fee is deducted
+                (if applicable).
               </TooltipContent>
             </Tooltip>
           </TooltipProvider>

src/components/dashboard/UserSwapsTable.tsx

@@ -64,8 +64,8 @@ export function UserSwapsTable({ address, isConnected }: Props) {
                     </Badge>
                   </TooltipTrigger>
                   <TooltipContent side="bottom" className="max-w-[240px] text-xs">
-                    Total miles across all your Fast Swaps, shown before a 2%
-                    referral fee is deducted (if applicable).
+                    Total miles across all your Fast Swaps, shown before a 2% referral fee is
+                    deducted (if applicable).
                   </TooltipContent>
                 </Tooltip>
               </TooltipProvider>
@@ -108,11 +108,7 @@ export function UserSwapsTable({ address, isConnected }: Props) {
       </Card>
 
       {isConnected && address ? (
-        <UserSwapsModal
-          open={isModalOpen}
-          onOpenChange={setIsModalOpen}
-          address={address}
-        />
+        <UserSwapsModal open={isModalOpen} onOpenChange={setIsModalOpen} address={address} />
       ) : null}
     </>
   )

src/components/dashboard/user-swaps-parts.tsx

@@ -217,9 +217,8 @@ export function MilesDiscrepancyInfo() {
           </button>
         </TooltipTrigger>
         <TooltipContent side="top" className="max-w-[300px] text-xs">
-          This total is the sum of miles credited across all your Fast
-          Swaps, shown after a 2% referral fee is deducted (if
-          applicable).
+          This total is the sum of miles credited across all your Fast Swaps, shown after a 2%
+          referral fee is deducted (if applicable).
         </TooltipContent>
       </Tooltip>
     </TooltipProvider>

src/components/modals/SwapConfirmationModal.tsx

@@ -117,7 +117,7 @@ interface SwapConfirmationModalProps {
 interface InfoRowProps {
   label: string
   value: React.ReactNode
-  tooltip?: string
+  tooltip?: React.ReactNode
   valueClassName?: string
 }
 
@@ -913,13 +913,27 @@ function SwapConfirmationModal({
                             />
                           </span>
                         ) : (
-                          <span className="text-gray-500">Swap too small</span>
+                          <span className="text-gray-500">TBD</span>
                         )
                       }
                       tooltip={
-                        estimatedMiles > 0
-                          ? "Estimated Fast Miles earned from MEV redistribution on this swap"
-                          : "This swap's slippage value doesn't cover transaction costs, so no miles are earned. Try a larger amount."
+                        estimatedMiles > 0 ? (
+                          "Estimated Fast Miles earned from MEV redistribution on this swap"
+                        ) : (
+                          <>
+                            We are unable to show a miles estimate at this time. You may continue to
+                            earn miles as your swap executes. See{" "}
+                            <a
+                              href="/learn/miles#about-the-miles-estimate"
+                              target="_blank"
+                              rel="noreferrer"
+                              className="underline underline-offset-2 text-[#3898FF] hover:text-[#5aa9ff]"
+                            >
+                              Learn
+                            </a>{" "}
+                            for more info.
+                          </>
+                        )
                       }
                       valueClassName={estimatedMiles > 0 ? "text-[#3898FF]" : "text-gray-500"}
                     />

src/components/swap/ExchangeRate.tsx

@@ -181,9 +181,8 @@ const ExchangeRateComponent: React.FC<ExchangeRateProps> = ({
                         </span>
                       </TooltipTrigger>
                       <TooltipContent side="top" className="max-w-[260px] text-xs">
-                        We are unable to show a miles estimate at this time.
-                        You may continue to earn miles as your swap executes.
-                        See{" "}
+                        We are unable to show a miles estimate at this time. You may continue to
+                        earn miles as your swap executes. See{" "}
                         <a
                           href="/learn/miles#about-the-miles-estimate"
                           target="_blank"

src/hooks/use-gate-status.ts

@@ -76,8 +76,7 @@ export function useGateStatus() {
   // initialData so React Query resolves synchronously (isLoading=false
   // on the very first render) and set staleTime to Infinity so no
   // refetch is attempted for this address in this tab session.
-  const isCached =
-    typeof window !== "undefined" && !!address && getCachedApproval(address)
+  const isCached = typeof window !== "undefined" && !!address && getCachedApproval(address)
 
   const { data, isLoading } = useQuery({
     queryKey: [GATE_STATUS_QUERY_KEY, address],

src/hooks/use-user-swaps.ts

@@ -247,9 +247,7 @@ export function useUserSwaps(
       pollTimerRef.current = setTimeout(() => {
         const controller = new AbortController()
         abortRef.current = controller
-        fetchSwaps(addr, p, controller.signal, { silent: true }).then(() =>
-          schedulePoll(addr, p)
-        )
+        fetchSwaps(addr, p, controller.signal, { silent: true }).then(() => schedulePoll(addr, p))
       }, delay)
     },
     [clearPollTimer, fetchSwaps, pollIntervalMs]
@@ -278,9 +276,7 @@ export function useUserSwaps(
       // Immediate silent refetch — don't wait for the next poll tick.
       const controller = new AbortController()
       abortRef.current = controller
-      fetchSwaps(addr, p, controller.signal, { silent: true }).then(() =>
-        schedulePoll(addr, p)
-      )
+      fetchSwaps(addr, p, controller.signal, { silent: true }).then(() => schedulePoll(addr, p))
     },
     [fetchSwaps, schedulePoll]
   )

src/lib/analytics/services/fastswap.service.ts

@@ -107,10 +107,8 @@ export async function getUserRecentSwaps(
   ])
 
   const aggRow = aggRows[0] ?? []
-  const total =
-    aggRow[0] != null && Number.isFinite(Number(aggRow[0])) ? Number(aggRow[0]) : 0
-  const totalMiles =
-    aggRow[1] != null && Number.isFinite(Number(aggRow[1])) ? Number(aggRow[1]) : 0
+  const total = aggRow[0] != null && Number.isFinite(Number(aggRow[0])) ? Number(aggRow[0]) : 0
+  const totalMiles = aggRow[1] != null && Number.isFinite(Number(aggRow[1])) ? Number(aggRow[1]) : 0
   const totalPages = total === 0 ? 0 : Math.ceil(total / safePageSize)
 
   return {

src/lib/swap-events.ts

@@ -45,7 +45,9 @@ function readPending(): PendingEntry[] {
     const parsed = JSON.parse(raw) as PendingStore
     if (!parsed || !Array.isArray(parsed.entries)) return []
     const now = Date.now()
-    return parsed.entries.filter((e) => e && typeof e.hash === "string" && now - e.submittedAt < EXPIRY_MS)
+    return parsed.entries.filter(
+      (e) => e && typeof e.hash === "string" && now - e.submittedAt < EXPIRY_MS
+    )
   } catch {
     return []
   }