Modal StationStartModal.jsx

100% Statements 3/3

100% Branches 0/0

100% Functions 2/2

100% Lines 3/3

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
25  
 
 
 
 
2x
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
  import "./Modal.css"
import ReactDom from "react-dom"
import { playPopSound } from "../SoundEffects/playPopSound";
 
export default function StationStartModal({ stationName, handleClick }) {
    return ReactDom.createPortal(
        <div className="modal-overlay">
            <div className="modal-content">
                <div className="station-text">🧑‍🍳 {stationName} Station 👩‍🍳</div>
                <div className="station-sub-text">Let’s get started!</div>
                <button
                    onClick={() => {
                        handleClick();
                        playPopSound();
                    }}
                    className="home-button"
                >
                    👍 Start
                </button>
            </div>
        </div>,
        document.getElementById("portal-station")
    );
}