add venue map translation

jsconfjp · Nov 21, 2024 · 2364e3c · 2364e3c
1 parent b86c24c
commit 2364e3c
Show file tree

Hide file tree

Showing 3 changed files with 1,251 additions and 20 deletions.
diff --git a/2024/src/components/VenueMap.tsx b/2024/src/components/VenueMap.tsx
@@ -3,6 +3,7 @@ import styled from "styled-components"
 import { useTranslation } from "react-i18next"
 
 import venueMap from "../images/venue-map.svg"
+import venueMapJa from "../images/venue-map-ja.svg"
 
 type Props = {
   width: number
@@ -25,11 +26,18 @@ const Img = styled.img`
 `
 
 export const VenueMap = ({ width, height }: Props) => {
-  const { t } = useTranslation()
+  const { t, i18n } = useTranslation()
+
+  console.log(i18n.language)
 
   return (
     <MapContainer>
-      <Img width={width} height={height} src={venueMap} alt={t("venue.map")} />
+      <Img
+        width={width}
+        height={height}
+        src={i18n.language === "ja" ? venueMapJa : venueMap}
+        alt={t("venue.map")}
+      />
     </MapContainer>
   )
 }