update explainer panel

manifoldmarkets · Sep 20, 2024 · 3decee0 · 3decee0
1 parent 6724801
commit 3decee0
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 45 deletions.
diff --git a/docs/docs/sweepstakes.md b/docs/docs/sweepstakes.md
@@ -26,6 +26,10 @@ Users may participate in a sweepstakes market by using sweepcash. It is free to
 - Completing their daily streak for a free bonus.
 - As a free gift with some purchases.
 
+### How much can I withdraw my Sweepcash winnings for?
+
+When eligible to be withdrawn, sweepcash can be redeemed at a rate of 1.00 sweepcash to 1.00 USD, minus a 5% fee.
+
 ### How do I withdraw my Sweepcash winnings?
 
 Only sweepcash won from a market resolution can be withdrawn. Sweepcash received from gifts, bonuses, or exiting a market early can not be withdrawn and you must use it to win a resolved market first. Visit your withdrawals dashboard to view how much sweepcash you have won and can withdraw. Then, fill out your bank details and request the amount of sweepcash you wish to redeem for real-money. There is a $25.00 minimum withdrawal.

diff --git a/web/components/explainer-panel.tsx b/web/components/explainer-panel.tsx
@@ -8,6 +8,7 @@ import { FaHandHoldingUsd, FaPercentage } from 'react-icons/fa'
 import { TbTargetArrow } from 'react-icons/tb'
 import { track } from 'web/lib/service/analytics'
 import {
+  CHARITY_FEE,
   SWEEPIES_NAME,
   TRADE_TERM,
   TRADING_TERM,
@@ -18,7 +19,13 @@ import { AboutManifold } from './about-manifold'
 import { GoGraph } from 'react-icons/go'
 import Link from 'next/link'
 import { SweepiesCoin } from 'web/public/custom-components/sweepiesCoin'
-import { SWEEPIES_MONIKER } from 'common/util/format'
+import {
+  SWEEPIES_MONIKER,
+  formatMoneyUSD,
+  formatSweepies,
+} from 'common/util/format'
+import { ManaCoin } from 'web/public/custom-components/manaCoin'
+import { CoinNumber } from './widgets/coin-number'
 
 export const ExplainerPanel = (props: {
   className?: string
@@ -41,7 +48,6 @@ export const ExplainerPanel = (props: {
     <Col className={clsx(className)}>
       {showWhatIsManifold && <WhatIsManifold onClick={handleSectionClick} />}
       {showAccuracy && <Accuracy onClick={handleSectionClick} />}
-      {showWhyBet && <WhyBet onClick={handleSectionClick} />}
       {showSweepstakes && TWOMBA_ENABLED && (
         <Sweepstakes onClick={handleSectionClick} />
       )}
@@ -93,40 +99,6 @@ const WhatIsManifold = ({
   </ExpandSection>
 )
 
-const WhyBet = ({ onClick }: { onClick: (sectionTitle: string) => void }) => (
-  <ExpandSection
-    title={
-      <>
-        <FaHandHoldingUsd className="mr-2" /> Why should I {TRADE_TERM}?
-      </>
-    }
-    onClick={() => onClick(`Why should I ${TRADE_TERM}?`)}
-  >
-    <div className="pb-2">
-      {capitalize(TRADING_TERM)} contributes to accurate answers of important,
-      real-world questions and helps you stay more accountable as you make
-      predictions.
-    </div>
-    {TWOMBA_ENABLED && (
-      <>
-        <div className="pb-2">
-          {capitalize(TRADE_TERM)} with{' '}
-          <span className="coin-offset relative ml-[1.2em] whitespace-nowrap">
-            <SweepiesCoin className="absolute -left-[var(--coin-offset)] top-[var(--coin-top-offset)] min-h-[1em] min-w-[1em]" />
-            <span className=" font-semibold text-amber-700 dark:text-amber-300 ">
-              {' '}
-              {SWEEPIES_NAME} ({SWEEPIES_MONIKER})
-            </span>{' '}
-          </span>
-          for a chance to win withdrawable <b>cash prizes</b>.
-        </div>
-      </>
-    )}
-
-    <div className="pb-2">Get started for free! No credit card required.</div>
-  </ExpandSection>
-)
-
 const Accuracy = ({ onClick }: { onClick: (sectionTitle: string) => void }) => (
   <ExpandSection
     title={
@@ -173,7 +145,7 @@ const Sweepstakes = ({
   <ExpandSection
     title={
       <>
-        <GoGraph className="mr-2" /> What are sweepstakes markets?
+        <GoGraph className="mr-2" /> How do I win cash prizes?
       </>
     }
     onClick={() => onClick('Are our forecasts accurate?')}
@@ -182,19 +154,25 @@ const Sweepstakes = ({
       There are two types of markets on Manifold: play money and sweepstakes.
     </div>
     <div className="pb-2">
-      By default all markets are play money and use mana. These markets allow
-      you to win more mana but do not award any prizes which can be cashed out.
+      By default all markets are play money and use mana <ManaCoin />. These
+      markets allow you to win more mana but do not award any prizes which can
+      be cashed out.
     </div>
     <div className="pb-2">
-      Selected markets will have a sweepstakes toggle. These require sweepcash
-      to participate and allow winners to withdraw any sweepcash won to real
-      money.
+      Selected markets will have a sweepstakes toggle. These require sweepcash{' '}
+      <SweepiesCoin />
+      &nbsp;to participate and allow winners who predict correctly to withdraw
+      sweepcash won to real money. You can filter for sweepstakes markets on the browse page.
     </div>
     <div className="pb-2">
-      As play money and sweepstakes markets are independent of each other, they
-      may have different odds even though they share the same question and
-      comments.
+      Redeem your {SWEEPIES_NAME} won from markets at{' '}
+      <b>
+        <CoinNumber amount={1} coinType="sweepies" isInline={true} /> {'→'}{' '}
+        $1.00
+      </b>
+      , minus a {CHARITY_FEE * 100}% fee.
     </div>
+
     <Link
       href="https://docs.manifold.markets/sweepstakes"
       className="hover:text-primary-700 text-primary-600 hover:underline"