Ingawei/twomba (#2754)

* twomba portfolio UX * TWOMBA_ENABLED flag
manifoldmarkets · Jul 31, 2024 · 41cb779 · 41cb779
1 parent 7141460
commit 41cb779
Show file tree

Hide file tree

Showing 24 changed files with 1,090 additions and 35 deletions.
diff --git a/common/src/envs/constants.ts b/common/src/envs/constants.ts
@@ -12,6 +12,7 @@ export const CONFIGS: { [env: string]: EnvConfig } = {
   DEV: DEV_CONFIG,
 }
 
+export const TWOMBA_ENABLED = false
 export const PRODUCT_MARKET_FIT_ENABLED = false
 export const SPICE_PRODUCTION_ENABLED = true
 export const SPICE_TO_MANA_CONVERSION_RATE = 1

diff --git a/web/components/add-funds-modal.tsx b/web/components/add-funds-modal.tsx
@@ -170,8 +170,8 @@ export const OtherWaysToGetMana = () => {
       </Item>
       <Item url="/referrals">
         👋 Refer a friend for{' '}
-        <CoinNumber amount={REFERRAL_AMOUNT} isSpice isInline /> after their
-        first trade
+        <CoinNumber amount={REFERRAL_AMOUNT} coinType={'spice'} isInline />{' '}
+        after their first trade
       </Item>
     </ul>
   )

diff --git a/web/components/buttons/referrals-button.tsx b/web/components/buttons/referrals-button.tsx
@@ -60,7 +60,7 @@ export function Referrals(props: { user: User }) {
             Refer a friend for{' '}
             <span className={'text-teal-500'}>
               <CoinNumber
-                isSpice
+                coinType="spice"
                 amount={REFERRAL_AMOUNT}
                 style={{
                   color: SPICE_COLOR,

diff --git a/web/components/gidx/register-user-form.tsx b/web/components/gidx/register-user-form.tsx
@@ -179,7 +179,7 @@ export const RegisterUserForm = (props: { user: User }) => {
           <br />
           You have{' '}
           <CoinNumber
-            isSpice
+            coinType="spice"
             amount={user.spiceBalance}
             style={{
               color: SPICE_COLOR,

diff --git a/web/components/nav/bottom-nav-bar.tsx b/web/components/nav/bottom-nav-bar.tsx
@@ -171,7 +171,7 @@ function NavBarItem(props: {
                 amount={user?.spiceBalance}
                 numberType="short"
                 className="text-amber-600 dark:text-amber-400"
-                isSpice
+                coinType="spice"
               />
             </Row>
           </Row>

diff --git a/web/components/nav/profile-summary.tsx b/web/components/nav/profile-summary.tsx
@@ -58,7 +58,7 @@ export function ProfileSummary(props: { user: User; className?: string }) {
           <CoinNumber
             className="text-sm text-amber-600 dark:text-amber-400"
             amount={user.spiceBalance}
-            isSpice
+            coinType="spice"
           />
         )}
       </div>

diff --git a/web/components/notifications/notification-types.tsx b/web/components/notifications/notification-types.tsx
@@ -1440,7 +1440,7 @@ function ReferralProgramNotification(props: {
       <span>
         Refer friends and get{' '}
         <CoinNumber
-          isSpice
+          coinType="spice"
           amount={REFERRAL_AMOUNT}
           style={{
             color: SPICE_COLOR,

diff --git a/web/components/portfolio/portfolio-graph-number.tsx b/web/components/portfolio/portfolio-graph-number.tsx
@@ -38,7 +38,7 @@ export function PortfolioGraphNumber(props: {
         <CoinNumber
           amount={displayedAmount}
           className={clsx('font-bold transition-all', className)}
-          isSpice={isSpice}
+          coinType={isSpice ? 'spice' : 'mana'}
         />
 
         <div

diff --git a/web/components/portfolio/portfolio-summary.tsx b/web/components/portfolio/portfolio-summary.tsx
@@ -7,6 +7,8 @@ import { LoadingContractRow } from '../contract/contracts-table'
 import { Col } from '../layout/col'
 import { SupabaseSearch } from '../supabase-search'
 import { PortfolioValueSection } from './portfolio-value-section'
+import { TWOMBA_ENABLED } from 'common/envs/constants'
+import { TwombaPortfolioValueSection } from './twomba-portfolio-value-section'
 
 export const PortfolioSummary = (props: { user: User; className?: string }) => {
   const { user, className } = props
@@ -23,17 +25,31 @@ export const PortfolioSummary = (props: { user: User; className?: string }) => {
 
   return (
     <Col className={clsx(className, 'gap-4')}>
-      <PortfolioValueSection
-        user={user}
-        defaultTimePeriod={
-          isCreatedInLastWeek
-            ? 'allTime'
-            : currentUser?.id === user.id
-            ? 'weekly'
-            : 'monthly'
-        }
-        portfolio={portfolioData}
-      />
+      {TWOMBA_ENABLED ? (
+        <TwombaPortfolioValueSection
+          user={user}
+          defaultTimePeriod={
+            isCreatedInLastWeek
+              ? 'allTime'
+              : currentUser?.id === user.id
+              ? 'weekly'
+              : 'monthly'
+          }
+          portfolio={portfolioData}
+        />
+      ) : (
+        <PortfolioValueSection
+          user={user}
+          defaultTimePeriod={
+            isCreatedInLastWeek
+              ? 'allTime'
+              : currentUser?.id === user.id
+              ? 'weekly'
+              : 'monthly'
+          }
+          portfolio={portfolioData}
+        />
+      )}
 
       {isCurrentUser && (
         <Col className="mb-6 mt-2 gap-2">