Add language param for MICI external links (#578)

Author: microbit-grace

src/pages/HomePage.tsx

@@ -35,13 +35,15 @@ import {
   projectUrl,
   userGuideUrl,
 } from "../utils/external-links";
+import { useSettings } from "../store";
 
 const HomePage = () => {
   const navigate = useNavigate();
   const handleGetStarted = useCallback(() => {
     navigate(createNewPageUrl());
   }, [navigate]);
   const intl = useIntl();
+  const [{ languageId }] = useSettings();
   const { appNameFull } = useDeployment();
   return (
     <DefaultPageLayout
@@ -170,21 +172,21 @@ const HomePage = () => {
                 title={intl.formatMessage({
                   id: "ai-storytelling-friend-resource-title",
                 })}
-                url={projectUrl("ai-storytelling-friend")}
+                url={projectUrl("ai-storytelling-friend", languageId)}
                 imgSrc={projectImage1}
               />
               <ResourceCard
                 title={intl.formatMessage({
                   id: "simple-ai-exercise-timer-resource-title",
                 })}
-                url={projectUrl("simple-ai-exercise-timer")}
+                url={projectUrl("simple-ai-exercise-timer", languageId)}
                 imgSrc={projectImage2}
               />
               <ResourceCard
                 title={intl.formatMessage({
                   id: "ai-activity-timer-resource-title",
                 })}
-                url={projectUrl("ai-activity-timer")}
+                url={projectUrl("ai-activity-timer", languageId)}
                 imgSrc={projectImage3}
               />
             </HStack>

src/utils/external-links.ts

@@ -12,8 +12,10 @@ const microbitOrgBaseUrl =
     ? "https://microbit.org/"
     : "https://stage.microbit.org/";
 
-export const projectUrl = (slug: string) =>
-  `${microbitOrgBaseUrl}projects/make-it-code-it/${encodeURIComponent(slug)}/`;
+export const projectUrl = (slug: string, language: string) =>
+  `${microbitOrgBaseUrl}${
+    language === "en" ? "" : `${language.toLowerCase()}/`
+  }projects/make-it-code-it/${encodeURIComponent(slug)}/`;
 
 export const userGuideUrl = () =>
   `${microbitOrgBaseUrl}get-started/user-guide/microbit-createai/`;