All files / components LevelUpModal.tsx

100% Statements 2/2

100% Branches 0/0

100% Functions 1/1

100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
5x
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useContext } from "react";
import { ChallengeContext } from "../contexts/ChallengeContext";
import styles from "../styles/components/LevelUpModal.module.css";
 
export function LevelUpModal() {
  const { level, closeLevelModal } = useContext(ChallengeContext);
  return (
    <div className={styles.overlay}>
      <div className={styles.container}>
        <header>{level}</header>
        <strong>Parabéns</strong>
        <p> Você alcançou um novo level.</p>
        <button
          data-testid="closeModal"
          type="button"
          onClick={closeLevelModal}
        >
          <img src="/icons/close.svg" alt="Fechar modal" />
        </button>
      </div>
    </div>
  );
}