feed bets: better prob display

web/components/feed/feed-bets.tsx

@@ -93,6 +93,24 @@ export function BetStatusText(props: {
       bet.fills?.some((fill) => fill.matchedBetId === null)) ??
     false
 
+  const fromProb =
+    hadPoolMatch || isFreeResponse
+      ? isPseudoNumeric
+        ? formatNumericProbability(bet.probBefore, contract)
+        : formatPercent(bet.probBefore)
+      : isPseudoNumeric
+      ? formatNumericProbability(bet.limitProb ?? bet.probBefore, contract)
+      : formatPercent(bet.limitProb ?? bet.probBefore)
+
+  const toProb =
+    hadPoolMatch || isFreeResponse
+      ? isPseudoNumeric
+        ? formatNumericProbability(bet.probAfter, contract)
+        : formatPercent(bet.probAfter)
+      : isPseudoNumeric
+      ? formatNumericProbability(bet.limitProb ?? bet.probAfter, contract)
+      : formatPercent(bet.limitProb ?? bet.probAfter)
+
   return (
     <div className="text-sm text-gray-500">
       {bettor ? (
@@ -112,22 +130,9 @@ export function BetStatusText(props: {
             contract={contract}
             truncate="short"
           />{' '}
-          {isPseudoNumeric
+          {fromProb === toProb
-            ? ' from ' + formatNumericProbability(bet.probBefore, contract)
+            ? `at ${fromProb}`
-            : ' from ' +
+            : `from ${fromProb} to ${toProb}`}
-              formatPercent(
-                hadPoolMatch || isFreeResponse
-                  ? bet.probBefore
-                  : bet.limitProb ?? bet.probBefore
-              )}
-          {isPseudoNumeric
-            ? ' to ' + formatNumericProbability(bet.probAfter, contract)
-            : ' to ' +
-              formatPercent(
-                hadPoolMatch || isFreeResponse
-                  ? bet.probAfter
-                  : bet.limitProb ?? bet.probAfter
-              )}
         </>
       )}
       <RelativeTimestamp time={createdTime} />