feat: add candy to general page

Author: Morta1

components/account/Misc/Currencies.js

@@ -2,6 +2,9 @@ import CoinDisplay from 'components/common/CoinDisplay';
 import { Stack, Typography } from '@mui/material';
 import { IconWithText, TitleAndValue } from '@components/common/styles';
 import HtmlTooltip from '../../Tooltip';
+import { numberWithCommas, prefix } from '@utility/helpers';
+import Tooltip from '@components/Tooltip';
+import React from 'react';
 
 const imgStyle = { style: { width: 32, height: 32, objectFit: 'contain' } };
 const Currencies = ({
@@ -12,8 +15,11 @@ const Currencies = ({
                       SilverPens,
                       gems,
                       KeysAll,
-                      minigamePlays
+                      minigamePlays,
+                      candies
                     }) => {
+  const minDays = (candies?.special?.min / 24).toFixed(2).replace('.00', '');
+  const maxDays = (candies?.special?.max / 24).toFixed(2).replace('.00', '');
   return <Stack>
     <CoinDisplay className={'box'} money={money}/>
     <Typography mt={2} mb={1} textAlign={'center'}>Currencies</Typography>
@@ -57,6 +63,16 @@ const Currencies = ({
           <IconWithText stat={amount} icon={rawName} img={imgStyle}/>
         </HtmlTooltip>
       })}
+      <Tooltip maxWidth={350} title={<Stack>
+        <Typography variant={'body1'} component={'span'}>Candies</Typography>
+        <Typography variant={'body2'}>Guaranteed: {numberWithCommas(candies?.guaranteed)} hrs ({(candies?.guaranteed / 24).toFixed(2)} days)</Typography>
+        <Typography variant={'body2'}>Variant: {numberWithCommas(candies?.special?.min)} - {numberWithCommas(candies?.special?.max)} hrs ({numberWithCommas(minDays)} - {numberWithCommas(maxDays)} days)</Typography>
+      </Stack>}>
+        <Stack alignItems={'center'}>
+          <img width={32} height={32} src={`${prefix}data/TimeCandy1.png`} alt=""/>
+          <Typography variant={'body1'} component={'span'}>{numberWithCommas(candies?.guaranteed)}</Typography>
+        </Stack>
+      </Tooltip>
     </Stack>
   </Stack>
 };

parsers/index.js

@@ -41,7 +41,7 @@ import {
 import { getSaltLick } from './saltLick';
 import { getDungeons } from './dungeons';
 import { applyMealsMulti, getCooking, getKitchens } from './cooking';
-import { applyBonusDesc, getJewelBonus, getLab, getLabBonus, isLabEnabledBySorcererRaw } from './lab';
+import { getJewelBonus, getLab, getLabBonus, isLabEnabledBySorcererRaw } from './lab';
 import { classes } from '../data/website-data';
 import { getGuild } from './guild';
 import { getPrinter } from './printer';
@@ -124,7 +124,7 @@ const serializeData = (idleonData, charNames, companion, guildData, serverVars,
   accountData.prayers = getPrayers(idleonData, accountData.storage);
   accountData.cards = getCards(idleonData, accountData);
   accountData.guild = getGuild(idleonData, guildData);
-  accountData.currencies = getCurrencies(accountData, idleonData);
+  accountData.currencies = getCurrencies(accountData, idleonData, processedData);
   accountData.stamps = getStamps(idleonData, accountData);
   accountData.obols = getObols(idleonData);
   accountData.looty = getLooty(idleonData);

parsers/misc.js

@@ -149,16 +149,48 @@ export const getLooty = (idleonData) => {
   };
 };
 
-export const getCurrencies = (account, idleonData) => {
+export const getCurrencies = (account, idleonData, processedData) => {
   const keys = idleonData?.CurrenciesOwned?.['KeysAll'] || idleonData?.CYKeysAll;
   if (idleonData?.CurrenciesOwned) {
     return {
       ...idleonData?.CurrenciesOwned,
       KeysAll: getKeysObject(keys)
     };
   }
+  const normalCandyTimes = {
+    '1_HR_Time_Candy': 1,
+    '2_HR_Time_Candy': 2,
+    '4_HR_Time_Candy': 4,
+    '12_HR_Time_Candy': 12,
+    '24_HR_Time_Candy': 24,
+    '72_HR_Time_Candy': 72
+  };
+
+  const specialCandy = {
+    'Steamy_Time_Candy': { min: 1 / 6, max: 24 },
+    'Spooky_Time_Candy': { min: 1 / 3, max: 12 },
+    'Cosmic_Time_Candy': { min: 5, max: 500 }
+  };
+  const allItems = [...account?.storage,
+    ...(processedData?.charactersData || [])?.map(({ inventory }) => inventory)?.flat()];
+  const allCandies = allItems?.filter(({ Type } = {}) => Type === 'TIME_CANDY');
+  const guaranteedCandies = allCandies?.reduce((sum, { displayName, amount }) => {
+    if (specialCandy[displayName]) return sum;
+    const hours = normalCandyTimes[displayName];
+    return sum + (hours * amount);
+  }, 0);
+  const specialCandies = allCandies?.reduce((sum, { displayName, amount }) => {
+    const hours = specialCandy[displayName];
+    if (!hours) return sum;
+
+    return {
+      min: sum?.min + (hours?.min * amount),
+      max: sum?.max + (hours?.max * amount)
+    }
+  }, { min: 0, max: 0 })
 
   return {
+    candies: { guaranteed: guaranteedCandies, special: specialCandies },
     WorldTeleports: idleonData?.CYWorldTeleports,
     KeysAll: getKeysObject(keys),
     ColosseumTickets: idleonData?.CYColosseumTickets,