Compare commits
2 Commits
404a23b2e1
...
8e10b9e585
| Author | SHA1 | Date | |
|---|---|---|---|
| 8e10b9e585 | |||
| 711e092e5b |
@ -5,6 +5,7 @@ import bgStyles from "../styles/Background.module.css";
|
||||
import { bossToName, bossToReward } from "./BossInfo";
|
||||
import { bossLevelToClass } from "./Boss";
|
||||
import { lostSound, wonSound } from "../utils/soundsEffect";
|
||||
import { useEffect } from "react";
|
||||
|
||||
interface BossOutcomeModalProps {
|
||||
setIsOpen: (val: boolean) => void;
|
||||
@ -12,17 +13,20 @@ interface BossOutcomeModalProps {
|
||||
|
||||
const BossOutcomeModal = ({ setIsOpen }: BossOutcomeModalProps) => {
|
||||
const { lastBossResult } = usePlayer();
|
||||
const outcome = lastBossResult?.reward != BigInt(0);
|
||||
const ascended = lastBossResult?.prestigeGained;
|
||||
useEffect(() => {
|
||||
if (lastBossResult != null) {
|
||||
if (outcome) {
|
||||
wonSound();
|
||||
} else {
|
||||
lostSound();
|
||||
}
|
||||
}
|
||||
}, [outcome, lastBossResult])
|
||||
|
||||
if (lastBossResult == null) return null;
|
||||
|
||||
const outcome = lastBossResult.reward != BigInt(0);
|
||||
const ascended = lastBossResult.prestigeGained;
|
||||
|
||||
if (outcome) {
|
||||
wonSound();
|
||||
} else {
|
||||
lostSound();
|
||||
}
|
||||
|
||||
const text = outcome ? (
|
||||
<span>
|
||||
and you <strong className={styles.won}>won!</strong> 🤩
|
||||
|
||||
@ -29,6 +29,7 @@ export const clickSound = () => {
|
||||
export const lostSound = () => {
|
||||
const fail = new Howl({
|
||||
src: ["/sounds/lost.wav"],
|
||||
volume: 0.7
|
||||
});
|
||||
|
||||
fail.play();
|
||||
|
||||
Loading…
Reference in New Issue
Block a user