UI: Break out Darknet BN and player mults as separate entries (#2745)

On the stats page, this change separates Darknet mults from crime in player mults, and additionally includes the BN mults for Darknet.

src/BitNode/ui/BitnodeMultipliersDescription.tsx

@@ -68,6 +68,7 @@ export const BitNodeMultipliersDisplay = ({ n, level, hideMultsIfCannotAccessFea
       <CloudServersMults n={n} mults={mults} />
       <StockMults n={n} mults={mults} />
       <CrimeMults n={n} mults={mults} />
+      <DarknetMults n={n} mults={mults} />
       <InfiltrationMults n={n} mults={mults} />
       <CompanyMults n={n} mults={mults} />
       <GangMults n={n} mults={mults} hideMultsIfCannotAccessFeature={hideMultsIfCannotAccessFeature} />
@@ -226,6 +227,17 @@ function CrimeMults({ mults }: IMultsProps): React.ReactElement {
   return <BNMultTable sectionName="Crime" rowData={rows} mults={mults} />;
 }
 
+function DarknetMults({ mults }: IMultsProps): React.ReactElement {
+  const rows: IBNMultRows = {
+    DarknetMoneyMultiplier: {
+      name: "Darknet Money",
+      color: Settings.theme.money,
+    },
+  };
+
+  return <BNMultTable sectionName="Darknet" rowData={rows} mults={mults} />;
+}
+
 function SkillMults({ mults }: IMultsProps): React.ReactElement {
   const rows: IBNMultRows = {
     HackingLevelMultiplier: {

src/ui/CharacterStats.tsx

@@ -533,14 +533,18 @@ export function CharacterStats(): React.ReactElement {
                   effValue: Player.mults.crime_money * currentNodeMults.CrimeMoney,
                   color: Settings.theme.money,
                 },
+              ]}
+              color={Settings.theme.combat}
+            />
+            <MultiplierTable
+              rows={[
                 {
                   mult: "Darknet Money",
                   value: Player.mults.dnet_money,
                   effValue: Player.mults.dnet_money * currentNodeMults.DarknetMoneyMultiplier,
-                  color: Settings.theme.money,
                 },
               ]}
-              color={Settings.theme.combat}
+              color={Settings.theme.money}
             />
             {Player.canAccessBladeburner() && currentNodeMults.BladeburnerRank > 0 && (
               <MultiplierTable