Merge pull request #21 from Dabendorf/eirik_nabovarsel

Nabovarsel

src/components/Game/Game.tsx

@@ -8,6 +8,7 @@ import { SubmitGuessForm } from "./SubmitGuessForm";
 import { GameSettingButtons } from "./GameSettingButtons";
 import { useTranslation } from "react-i18next";
 import { DateTime, Interval } from "luxon";
+import NeighbourAlert from "../NeighbourAlert";
 
 export function Game() {
 
@@ -40,6 +41,7 @@ export function Game() {
         <ShareGameResult />
         <SubmitGuessForm />
       </div>
+      <NeighbourAlert />
       <div className={(guesses.length >= 3 && gameResult === "ONGOING") ? "p-4 text-center" : ""}>
         {(guesses.length >= 3 && gameResult === "ONGOING") && t("mapHelperRecommendation")}
       </div>

src/components/NeighbourAlert.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import { useSharedGameState } from '../shared/useGame';
+import { countries } from '../domain/countries';
+
+const NeighbourAlert = () => {
+    const {
+      state: { country, guesses },
+    } = useSharedGameState();
+ const neighboursCountries = countries.filter( it => country.neighbours.includes(it.code) ).map(it => it.name.toLowerCase())
+ const lastguess  = guesses[guesses.length - 1].name.toLowerCase()
+  return (
+    <b>
+        {neighboursCountries.includes(lastguess) ? "Nå jetta du naboområdet, tjommi." : ""}
+    </b>
+  )
+}
+
+export default NeighbourAlert