added Link Component Factory

Author: ZibanPirate

packages/ui/src/error-boundary/index.tsx

@@ -2,7 +2,7 @@ import { ErrorBoundary as SentryErrorBoundary } from "@sentry/react";
 import { FC, PropsWithChildren } from "react";
 
 import { Grid } from "../grid";
-import { Link } from "../link";
+import { Link } from "../link-factory";
 import { Typography } from "../typography";
 
 type ErrorBoundaryProps = PropsWithChildren<{

packages/ui/src/link-factory/index.tsx

@@ -0,0 +1,22 @@
+import { FC, HTMLProps } from "react";
+import { Link as ReactRouterLink, LinkProps } from "react-router-dom";
+
+export const linkFactory =
+  (getLanguageCode: () => string, defaultLanguageCode: string): FC<HTMLProps<HTMLAnchorElement>> =>
+  // eslint-disable-next-line react/display-name
+  (props) => {
+    const languageCode = getLanguageCode();
+
+    if (props.href && (props.href.startsWith("/") || props.href.startsWith(location.origin))) {
+      return (
+        <ReactRouterLink
+          {...(props as LinkProps)}
+          to={defaultLanguageCode === languageCode ? props.href : `/${languageCode}${props.href}`}
+        />
+      );
+    } else {
+      return <a {...props} />;
+    }
+  };
+
+export const Link = linkFactory(() => "en", "en");