show sweeps redemption rate (#2875)

manifoldmarkets · Sep 17, 2024 · 6f2d4d8 · 6f2d4d8
1 parent b69fb18
commit 6f2d4d8
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/web/components/cashout/select-cashout-options.tsx b/web/components/cashout/select-cashout-options.tsx
@@ -1,6 +1,7 @@
 import clsx from 'clsx'
 import { MIN_CASHOUT_AMOUNT } from 'common/economy'
 import {
+  CASH_TO_CHARITY_DOLLARS,
   CASH_TO_MANA_CONVERSION_RATE,
   CHARITY_FEE,
   SWEEPIES_NAME,
@@ -18,6 +19,7 @@ import { getNativePlatform } from 'web/lib/native/is-native'
 import { CashoutPagesType } from 'web/pages/redeem'
 import { ManaCoin } from 'web/public/custom-components/manaCoin'
 import { CoinNumber } from '../widgets/coin-number'
+import { formatMoney, formatMoneyUSD, formatSweepies } from 'common/util/format'
 
 export function SelectCashoutOptions(props: {
   user: User
@@ -40,8 +42,12 @@ export function SelectCashoutOptions(props: {
           <Col>
             <div className="text-lg font-semibold">Get Mana</div>
             <div className="text-ink-700 text-sm">
-              Redeem your {SWEEPIES_NAME} for mana. You'll get{' '}
-              {CASH_TO_MANA_CONVERSION_RATE} mana for every 1 {SWEEPIES_NAME}.
+              Redeem your {SWEEPIES_NAME} at{' '}
+              <b>
+                {formatSweepies(1)} {'→'}{' '}
+                {formatMoney(CASH_TO_MANA_CONVERSION_RATE)}
+              </b>
+              , no fees included!
             </div>
           </Col>
         </Row>
@@ -148,8 +154,11 @@ export function SelectCashoutOptions(props: {
           <Col>
             <div className="text-lg font-semibold">Redeem for USD</div>
             <div className="text-ink-700 text-sm">
-              Redeem your {SWEEPIES_NAME} for USD with a{' '}
-              <b>{CHARITY_FEE * 100}% fee</b>.
+              Redeem your {SWEEPIES_NAME} at{' '}
+              <b>
+                {formatSweepies(1)} {'→'} {formatMoneyUSD(1)}
+              </b>
+              , minus a <b>{CHARITY_FEE * 100}% fee</b>.
             </div>
           </Col>
         </Row>