diff --git a/src/App.js b/src/App.js
index 911e8d6..da3fefb 100644
--- a/src/App.js
+++ b/src/App.js
@@ -37,7 +37,7 @@ import Linux from './Pages/Linux/Linux';
import Footer from './UI/Footer';
import BasicPage from './Pages/BasicPage';
-import Japan from './Japan/Japan';
+import Japan from './Pages/Japan/Japan';
import JapaneseMain from './Pages/Japan/JapaneseMain';
const languages = ['en', 'nl'];
@@ -106,6 +106,7 @@ function App() {
const paths = {
'japan': ,
+ 'japanMap': ,
'radio': ,
'software': ,
};
@@ -167,8 +168,6 @@ function App() {
}>
}>
-
- }>
diff --git a/src/Japan/Japan.js b/src/Japan/Japan.js
deleted file mode 100644
index 232308b..0000000
--- a/src/Japan/Japan.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React, { useState } from 'react';
-import JapanMap from './JapanMap';
-import Dropdown from './Dropdown';
-
-const Japan = () => {
- const [selectedColor, setSelectedColor] = useState('');
-
- const handleColorChange = (event) => {
- setSelectedColor(event.target.value);
- };
-
- return (
-
-
Japan
-
-
-
- )
-}
-
-export default Japan;
diff --git a/src/Pages/Japan/Japan.js b/src/Pages/Japan/Japan.js
new file mode 100644
index 0000000..fe6e64d
--- /dev/null
+++ b/src/Pages/Japan/Japan.js
@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import JapanMap from './components/JapanMap';
+import Dropdown from './components/Dropdown';
+import { getLanguage } from '../../App';
+
+const Japan = () => {
+ const [selectedColor, setSelectedColor] = useState('');
+
+ const handleColorChange = (event) => {
+ setSelectedColor(event.target.value);
+ };
+
+ const language = getLanguage();
+
+ return (
+
+
+
+
+ )
+}
+
+export default Japan;
diff --git a/src/Japan/Dropdown.js b/src/Pages/Japan/components/Dropdown.js
similarity index 100%
rename from src/Japan/Dropdown.js
rename to src/Pages/Japan/components/Dropdown.js
diff --git a/src/Japan/JapanMap.js b/src/Pages/Japan/components/JapanMap.js
similarity index 99%
rename from src/Japan/JapanMap.js
rename to src/Pages/Japan/components/JapanMap.js
index 778034a..a3a3252 100644
--- a/src/Japan/JapanMap.js
+++ b/src/Pages/Japan/components/JapanMap.js
@@ -2,15 +2,17 @@ import React from "react";
function JapanMap({ selection }) {
+ const hiroshima_fill = selection === "itsukushima_shrine" ? "red" : "none";
+ const miyagi_fill = selection === "sendai_daikannon" ? "red" : "none";
+ const okinawa_fill = selection === "shuri_castle" ? "red" : "none";
const yamagata_fill = selection === "ginzan_onsen" ? "red" : "none";
+
console.log(selection);
console.log(yamagata_fill);
return (