guess-pane.component.jsx 662 B

123456789101112131415161718192021222324252627
  1. import React from "react";
  2. import ClickMarkerMap from "./click-marker-map.component";
  3. import RoundTimer from "./round-timer.component";
  4. export default ({
  5. roundSeconds,
  6. onTimeout,
  7. onSelectPoint,
  8. onSubmitGuess,
  9. submitDisabled,
  10. }) => (
  11. <div className="guess-pane">
  12. <div className="guess-pane__timer">
  13. <RoundTimer seconds={roundSeconds} onTimeout={onTimeout} />
  14. </div>
  15. <div className="guess-pane__map">
  16. <ClickMarkerMap onMarkerMoved={onSelectPoint} />
  17. </div>
  18. <button
  19. className="btn guess-pane__submit"
  20. onClick={onSubmitGuess}
  21. disabled={submitDisabled}
  22. >
  23. Submit Guess
  24. </button>
  25. </div>
  26. );