fix: translation for speaker preview x2 (speaker card links)

gdgbari · Sep 29, 2024 · 5073bac · 5073bac
1 parent d42b4f5
commit 5073bac
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/Home/RandomSpeakerList.tsx b/src/components/Home/RandomSpeakerList.tsx
@@ -1,9 +1,12 @@
 import type { Speaker } from "../../data/types/sessionize";
+import { getLangFromUrl, useTranslatedPath, useTranslations } from "../../i18n/utils";
 
-const SpeakerPreviewElement = ({ speaker }: { speaker: Speaker }) => (
-  <a
+const SpeakerPreviewElement = ({ speaker }: { speaker: Speaker }) => {
+  const lang = getLangFromUrl(new URL(location.href));
+  const getPath = useTranslatedPath(lang);
+  return <a
     key={speaker.id}
-    href={`/speakers/${speaker.slug}`}
+    href={getPath(`/speakers/${speaker.slug}`)}
     className="speaker-card"
   >
     <figure>
@@ -18,7 +21,7 @@ const SpeakerPreviewElement = ({ speaker }: { speaker: Speaker }) => (
       <p className="max-h-12 text-ellipsis overflow-hidden">{speaker.tagLine}</p>
     </div>
   </a>
-)
+}
 
 export const RandomSpeakerList = ({ speakers }:{ speakers:Speaker[] }) => {
     return <>{speakers.sort(() => Math.random() - 0.5).slice(0, 4).map((s) => (