feat: show more information

Author: Ciensprog

src/routes/-index/-components/-missions.tsx

@@ -175,6 +175,7 @@ export function MissionItem({
                           src={reward.imageUrl}
                           className="img-type"
                         />
+                        {reward.quantity > 1 ? `${reward.quantity}x` : ''}
                       </div>
                     ))}
                   </div>

src/routes/-index/-home/endgame-ventures.tsx

@@ -8,6 +8,7 @@ import {
   MissionItem,
   MissionsContainer,
   Modifiers,
+  SchematicRarity,
 } from '../-components/-missions'
 import { TitleSection } from '../-components/-title'
 
@@ -37,6 +38,52 @@ export function EndgameVenturesSection({
               key={mission.raw.mission.missionGuid}
             >
               <>
+                {mission.ui.alert.rewards.length > 0 && (
+                  <>
+                    {mission.ui.alert.rewards
+                      .map((reward) => {
+                        if (
+                          reward.itemId.includes('eventscaling') ||
+                          reward.itemId.includes(
+                            'campaign_event_currency'
+                          ) ||
+                          reward.itemId.includes('phoenixxp')
+                        ) {
+                          return null
+                        }
+
+                        return (
+                          <span
+                            className={cn(
+                              'flex flex-shrink-0 items-center rounded',
+                              {
+                                'border px-1': reward.type === 'trap',
+                              }
+                            )}
+                            key={reward.itemId}
+                          >
+                            <img
+                              src={reward.imageUrl}
+                              className="img-type"
+                            />
+                            <SchematicRarity
+                              reward={reward}
+                              preview
+                            />
+                          </span>
+                        )
+                      })
+                      .slice(0, 3)}{' '}
+                    {mission.ui.mission.rewards.filter(
+                      (reward) =>
+                        !reward.itemId.includes('eventscaling') ||
+                        reward.itemId.includes(
+                          'campaign_event_currency'
+                        ) ||
+                        reward.itemId.includes('phoenixxp')
+                    ).length > 0 && '•'}
+                  </>
+                )}
                 {mission.ui.mission.rewards
                   .map((reward) => {
                     if (

src/routes/-index/-home/uncommon-perk-up.tsx

@@ -20,6 +20,8 @@ export function UncommonPerkUpSection({
 }) {
   const { t } = useTranslation(['alerts'])
 
+  // console.log('data ->', data)
+
   return (
     <section aria-labelledby="title-uncommon-perks">
       <TitleSection
@@ -50,6 +52,13 @@ export function UncommonPerkUpSection({
               return null
             }
 
+            const quantity =
+              baseReward.quantity > 1
+                ? (baseReward as any).isBad !== undefined
+                  ? `${numberWithCommaSeparator(baseReward.quantity)}x`
+                  : numberWithCommaSeparator(baseReward.quantity)
+                : null
+
             return (
               <MissionItem
                 data={mission}
@@ -60,9 +69,7 @@ export function UncommonPerkUpSection({
                     src={baseReward.imageUrl}
                     className="img-type"
                   />
-                  {baseReward.quantity > 1
-                    ? numberWithCommaSeparator(baseReward.quantity)
-                    : null}
+                  {quantity}
                   <Modifiers data={mission.ui.mission.modifiers} />
                 </>
               </MissionItem>