i18n

src/components/map-tile-provider/MapTileProvider.tsx

@@ -1,6 +1,11 @@
 import OSM from 'ol/source/OSM';
 import XYZ from 'ol/source/XYZ';
 import { Component, createSignal, For } from 'solid-js';
+import {
+  I18nContext,
+  createI18nContext,
+  useI18n,
+} from '@solid-primitives/i18n';
 
 import style from './MapTileProvider.module.css';
 import LayersIcon from '@suid/icons-material/Layers';
@@ -84,6 +89,8 @@ const MapTilesProvider: Component<{}> = (props) => {
 
   const params = useParams();
 
+  const [t] = useI18n();
+
   const handleChange = (ev: any) => {
     navigate(
       `/map/${ev.target.value}/${params.lon}/${params.lat}/${params.zoom}/${params.rotation}`
@@ -100,7 +107,7 @@ const MapTilesProvider: Component<{}> = (props) => {
       </div>
       <Dialog onClose={handleClose} open={open()} class={style.dialog}>
         <DialogTitle class={style.title}>
-          <div class={style['title-text']}>Choose your map</div>
+          <div class={style['title-text']}>{t('chooseYourMap')}</div>
           <IconButton onClick={handleClose} class={style.close}>
             <CloseIcon />
           </IconButton>