Fix investments color badge (#952)

maffin-io · Jun 12, 2024 · ddf1ec9 · ddf1ec9
1 parent 4438222
commit ddf1ec9
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/src/__tests__/layout/__snapshots__/LeftSideBar.test.tsx.snap b/src/__tests__/layout/__snapshots__/LeftSideBar.test.tsx.snap
@@ -36,7 +36,7 @@ exports[`LeftSidebar renders as expected 1`] = `
           href="/dashboard/accounts"
         >
           <span
-            class="mr-8 text-white"
+            class="mr-8 text-foreground"
           >
             <svg
               class="text-xl"

diff --git a/src/components/tables/InvestmentsTable.tsx b/src/components/tables/InvestmentsTable.tsx
@@ -74,8 +74,8 @@ const columns: ColumnDef<InvestmentAccount>[] = [
         <br />
         <span
           className={classNames('badge', {
-            success: getValue<number>() >= 0,
-            danger: getValue<number>() <= 0,
+            'bg-success': getValue<number>() >= 0,
+            'bg-danger': getValue<number>() <= 0,
           })}
         >
           {toFixed(getValue<number>())}
@@ -109,8 +109,8 @@ const columns: ColumnDef<InvestmentAccount>[] = [
         <br />
         <span
           className={classNames('badge', {
-            success: row.original.unrealizedProfitAbs.toNumber() >= 0,
-            danger: row.original.unrealizedProfitAbs.toNumber() < 0,
+            'bg-success': row.original.unrealizedProfitAbs.toNumber() >= 0,
+            'bg-danger': row.original.unrealizedProfitAbs.toNumber() < 0,
           })}
         >
           {toFixed(getValue<number>())}
@@ -143,8 +143,8 @@ const columns: ColumnDef<InvestmentAccount>[] = [
         <br />
         <span
           className={classNames('badge', {
-            success: row.original.unrealizedProfitAbsInCurrency.toNumber() >= 0,
-            danger: row.original.unrealizedProfitAbsInCurrency.toNumber() < 0,
+            'bg-success': row.original.unrealizedProfitAbsInCurrency.toNumber() >= 0,
+            'bg-danger': row.original.unrealizedProfitAbsInCurrency.toNumber() < 0,
           })}
         >
           {toFixed(getValue<number>())}

diff --git a/src/layout/Menu.tsx b/src/layout/Menu.tsx
@@ -60,15 +60,15 @@ export default function DashboardMenu(): JSX.Element {
         <MenuItem
           key={idx}
           item={item}
-          className={pathname === item.url ? 'text-white' : ''}
+          className={pathname === item.url ? 'text-foreground' : ''}
         />
       ))}
       <div className="mt-auto">
         {BOTTOM_MENU.map((item, idx) => (
           <MenuItem
             key={idx}
             item={item}
-            className={pathname === item.url ? 'text-white' : ''}
+            className={pathname === item.url ? 'text-foreground' : ''}
           />
         ))}
       </div>