Add station to the game

BenMusch · Sep 4, 2023 · 7a522a1 · 7a522a1
1 parent 0d789c6
commit 7a522a1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "lodash": "^4.17.21",
     "mapbox-gl": "^2.15.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/src/App.js b/src/App.js
@@ -2,6 +2,7 @@ import "./App.css";
 
 import "mapbox-gl/dist/mapbox-gl.css";
 
+import _ from "lodash";
 import { useState } from "react";
 import { Map, Marker } from "react-map-gl";
 
@@ -15,6 +16,8 @@ const initialViewState = {
 
 function GameplayMap() {
   const [guess, setGuess] = useState(null);
+  const station = _.sample(allStations);
+
   let guessMarker = null;
   let guessMessage = null;
   if (guess !== null) {
@@ -31,6 +34,7 @@ function GameplayMap() {
 
   return (
     <div>
+      <h1>{station.name}</h1>
       <Map
         style={{ width: 800, height: 800 }}
         mapStyle="mapbox://styles/mapbox/streets-v9"