Link to translated microbit org MICI projects

Author: microbit-grace

src/documentation/ideas/IdeasDocumentation.tsx

@@ -22,6 +22,8 @@ import { isV2Only } from "../common/model";
 import IdeaCard from "./IdeaCard";
 import { Idea } from "./model";
 import OfflineImageFallback from "../OfflineImageFallback";
+import { microbitOrgMiciProjectsUrl } from "../../external-links";
+import { useSettings } from "../../settings/settings";
 
 interface IdeasDocumentationProps {
   ideas: Idea[];
@@ -64,6 +66,7 @@ const ActiveLevel = ({
 }: ActiveLevelProps) => {
   const activeIdea = ideas.find((idea) => idea.slug.current === ideaId);
   const intl = useIntl();
+  const [{ languageId }] = useSettings();
   const headingString = intl.formatMessage({ id: "ideas-tab" });
   const ref = useRef<HTMLDivElement>(null);
   const contentRect = useResizeObserverContentRect(ref);
@@ -156,7 +159,7 @@ const ActiveLevel = ({
             link: (chunks: ReactNode) => (
               <Link
                 color="brand.500"
-                href="https://microbit.org/projects/make-it-code-it/?filters=python"
+                href={microbitOrgMiciProjectsUrl(languageId)}
                 target="_blank"
                 rel="noopener"
               >

src/external-links.ts

@@ -13,7 +13,7 @@ const microbitOrgSupportedLangs = [
   "pt-pt",
   "sr",
   "zh-cn",
-  "zh-tw"
+  "zh-tw",
 ];
 
 const langPath = (languageId: string) => {
@@ -23,3 +23,6 @@ const langPath = (languageId: string) => {
 
 export const microbitOrgUrl = (languageId: string) =>
   `https://microbit.org/${langPath(languageId)}`;
+
+export const microbitOrgMiciProjectsUrl = (languageId: string) =>
+  `https://microbit.org/${languageId}projects/make-it-code-it/?filters=python`;