29 lines
941 B
JavaScript
29 lines
941 B
JavaScript
import React, { useState } from 'react';
|
|
import JapanMap from './components/JapanMap';
|
|
import Dropdown from './components/Dropdown';
|
|
import { getString } from '../../Language/LanguageStrings'
|
|
|
|
const JapanMapPage = () => {
|
|
const [selectedColor, setSelectedColor] = useState('');
|
|
|
|
const handleColorChange = (event) => {
|
|
setSelectedColor(event.target.value);
|
|
};
|
|
|
|
return (
|
|
<article className='main-page'>
|
|
<div className='row'>
|
|
<Dropdown selectedColor={selectedColor} handleColorChange={handleColorChange} />
|
|
<div className='container-map'>
|
|
<JapanMap selection={selectedColor} />
|
|
</div>
|
|
</div>
|
|
<div className='row'>
|
|
<p><a href='https://github.com/PA4KEV/japan-vector-map'>{getString('download_map_at_github')}</a></p>
|
|
</div>
|
|
</article>
|
|
)
|
|
}
|
|
|
|
export default JapanMapPage;
|