- {Object.values(wave).map((waveValue, enemyIndex) => {
- const monsterStats = calcMonsterStats(
- mapMonster?.[waveValue.toString()],
- challengeSelected?.EventList1?.[0]?.EliteGroup,
- challengeSelected?.EventList1?.[0]?.HardLevelGroup,
- challengeSelected?.EventList1?.[0]?.Level,
- hardLevelConfig,
- eliteConfig
- );
- return (
-
-
- Lv. {challengeSelected?.EventList1[0].Level}
-
+ if (!eventList || eventList.length === 0) return null;
+ const targetEvent = eventList[0];
-
- {mapMonster?.[waveValue.toString()]?.Image?.IconPath && (
-
-
-
- )}
-
+ return (
+
+
{side.wave}
-
-
-
-
HP
-
{monsterStats.hp.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+ {targetEvent?.MonsterList?.map((wave, waveIndex) => (
+
+
{transI18n("wave")} {waveIndex + 1}
+
+ {Object.values(wave).map((waveValue, enemyIndex) => {
+ const monsterStats = calcMonsterStats(
+ mapMonster?.[waveValue.toString()],
+ targetEvent?.EliteGroup,
+ targetEvent?.HardLevelGroup,
+ targetEvent?.Level,
+ hardLevelConfig,
+ eliteConfig
+ );
+ return (
+
+
+ Lv. {targetEvent.Level}
-
-
Speed
-
{monsterStats.spd.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+
+ {mapMonster?.[waveValue.toString()]?.Image?.IconPath && (
+
+
+
+ )}
-
-
Toughness
-
{monsterStats.stance.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+
+
+
+ HP
+ {monsterStats.hp.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+
+
+
+ Speed
+ {monsterStats.spd.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+
+
+
+ Toughness
+ {monsterStats.stance.toLocaleString(undefined, { maximumFractionDigits: 0 })}
+
+
+
+
+
+ Weakness
+
+
+ {mapMonster?.[waveValue.toString()]?.StanceWeakList?.map((icon, iconIndex) => (
+
+ ))}
+
+
-
-
-
- Weakness
-
-
- {mapMonster?.[waveValue.toString()]?.StanceWeakList?.map((icon, iconIndex) => (
-
- ))}
-
-
-
-
- )
- })}
-
+ )
+ })}
+
+
+ ))}
- ))}
-
-
- {/* Second Half */}
-
-
{transI18n("secondHalfEnemies")}
-
- {challengeSelected && challengeSelected?.EventList2?.length > 0 && challengeSelected?.EventList2?.[0]?.MonsterList?.map((wave, waveIndex) => (
-
-
{transI18n("wave")} {waveIndex + 1}
-
- {Object.values(wave).map((waveValue, enemyIndex) => {
- const monsterStats = calcMonsterStats(
- mapMonster?.[waveValue.toString()],
- challengeSelected?.EventList2?.[0]?.EliteGroup,
- challengeSelected?.EventList2?.[0]?.HardLevelGroup,
- challengeSelected?.EventList2?.[0]?.Level,
- hardLevelConfig,
- eliteConfig
- );
- return (
-
-
- Lv. {challengeSelected?.EventList2[0].Level}
-
-
-
- {mapMonster?.[waveValue.toString()]?.Image?.IconPath && (
-
-
-
- )}
-
-
-
-
-
- HP
- {monsterStats.hp.toLocaleString(undefined, { maximumFractionDigits: 0 })}
-
-
-
- Speed
- {monsterStats.spd.toLocaleString(undefined, { maximumFractionDigits: 0 })}
-
-
-
- Toughness
- {monsterStats.stance.toLocaleString(undefined, { maximumFractionDigits: 0 })}
-
-
-
-
-
- Weakness
-
-
- {mapMonster?.[waveValue.toString()]?.StanceWeakList?.map((icon, iconIndex) => (
-
- ))}
-
-
-
-
- )
- })}
-
-
- ))}
-
+ )
+ })}
)}
diff --git a/src/components/monsterBar/pf.tsx b/src/components/monsterBar/pf.tsx
index 63317a3..d0bd1ef 100644
--- a/src/components/monsterBar/pf.tsx
+++ b/src/components/monsterBar/pf.tsx
@@ -5,7 +5,7 @@ import { calcMonsterStats, getLocaleName, replaceByParam } from "@/helper";
import useLocaleStore from "@/stores/localeStore";
import useUserDataStore from "@/stores/userDataStore";
import Image from "next/image";
-import { MonsterStore } from "@/types";
+import { MonsterStore, PFEvent } from "@/types";
import { useTranslations } from "next-intl";
import useDetailDataStore from "@/stores/detailDataStore";
@@ -26,6 +26,33 @@ export default function PfBar() {
return mapPF[pf_config.event_id.toString()]
}, [pf_config, mapPF])
+ const floorSideList = useMemo(() => {
+ if (!eventSelected) return [];
+
+ const floorList = [
+ {
+ id: "firstNode",
+ name: transI18n("firstNode"),
+ wave: transI18n("firstNodeEnemies")
+ },
+ {
+ id: "secondNode",
+ name: transI18n("secondNode"),
+ wave: transI18n("secondNodeEnemies")
+ },
+
+ ]
+
+ if (eventSelected?.Tierce && eventSelected.Tierce.PreChallenge === pf_config.challenge_id) {
+ floorList.push({
+ id: "thirdNode",
+ name: transI18n("thirdNode"),
+ wave: transI18n("thirdNodeEnemies")
+ })
+ }
+ return floorList
+ }, [pf_config.challenge_id, eventSelected, transI18n])
+
useEffect(() => {
if (!challengeSelected || pf_config.event_id === 0 || pf_config.challenge_id === 0) {
@@ -50,63 +77,36 @@ export default function PfBar() {
}
newBattleConfig.monsters = []
newBattleConfig.stage_id = 0
- if ((pf_config.floor_side === "Upper" || pf_config.floor_side === "Upper -> Lower") && challengeSelected.EventList1.length > 0) {
- newBattleConfig.stage_id = challengeSelected.EventList1[0].ID
- for (const wave of challengeSelected.EventList1[0].MonsterList) {
+
+ let targetEventList: PFEvent[] = []
+ if (pf_config.floor_side === "firstNode" && challengeSelected.EventList1.length > 0) {
+ targetEventList = challengeSelected.EventList1
+ } else if (pf_config.floor_side === "secondNode" && challengeSelected.EventList2.length > 0) {
+ targetEventList = challengeSelected.EventList2
+ } else if (pf_config.floor_side === "thirdNode" && eventSelected?.Tierce && eventSelected.Tierce.EventList.length > 0) {
+ targetEventList = eventSelected.Tierce.EventList
+ }
+
+ if (targetEventList.length > 0) {
+ newBattleConfig.stage_id = targetEventList[0].ID
+ for (const wave of targetEventList[0].MonsterList) {
const newWave: MonsterStore[] = []
for (const value of Object.values(wave)) {
newWave.push({
- monster_id: value,
- level: challengeSelected.EventList1[0].Level,
- amount: 1,
- })
- }
- newBattleConfig.monsters.push(newWave)
- }
- }
- if ((pf_config.floor_side === "Lower" || pf_config.floor_side === "Lower -> Upper") && challengeSelected.EventList2.length > 0) {
- newBattleConfig.stage_id = challengeSelected.EventList2[0].ID
- for (const wave of challengeSelected.EventList2[0].MonsterList) {
- const newWave: MonsterStore[] = []
- for (const value of Object.values(wave)) {
- newWave.push({
- monster_id: value,
- level: challengeSelected.EventList2[0].Level,
- amount: 1,
- })
- }
- newBattleConfig.monsters.push(newWave)
- }
- }
- if (pf_config.floor_side === "Lower -> Upper" && challengeSelected.EventList1.length > 0) {
- for (const wave of challengeSelected.EventList1[0].MonsterList) {
- const newWave: MonsterStore[] = []
- for (const value of Object.values(wave)) {
- newWave.push({
- monster_id: value,
- level: challengeSelected.EventList1[0].Level,
- amount: 1,
- })
- }
- newBattleConfig.monsters.push(newWave)
- }
- } else if (pf_config.floor_side === "Upper -> Lower" && challengeSelected.EventList2.length > 0) {
- for (const wave of challengeSelected.EventList2[0].MonsterList) {
- const newWave: MonsterStore[] = []
- for (const value of Object.values(wave)) {
- newWave.push({
- monster_id: value,
- level: challengeSelected.EventList2[0].Level,
+ monster_id: value as number,
+ level: targetEventList[0].Level,
amount: 1,
})
}
newBattleConfig.monsters.push(newWave)
}
}
+
setPfConfig(newBattleConfig)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [
challengeSelected,
+ eventSelected,
pf_config.event_id,
pf_config.challenge_id,
pf_config.floor_side,
@@ -167,10 +167,9 @@ export default function PfBar() {
onChange={(e) => setPfConfig({ ...pf_config, floor_side: e.target.value })}
>
-
-
-
-
+ {floorSideList.map((side) => (
+
+ ))}