unlocalize admin panel link

linobino1 · Aug 27, 2024 · 5a47fe5 · 5a47fe5
1 parent 4cfa2bf
commit 5a47fe5
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/app/components/UserStatus/index.tsx b/app/components/UserStatus/index.tsx
@@ -24,7 +24,12 @@ export const UserStatus: React.FC<Props> = ({ className }) => {
           <Link to="/auth/me" className={classes.name}>
             {t("signed in as {{name}}", { name: user.name })}
           </Link>
-          <Link to="/admin" className={classes.admin} target="_blank">
+          <Link
+            to="/admin"
+            className={classes.admin}
+            target="_blank"
+            localize={false}
+          >
             {t("backend")}
           </Link>
         </div>

diff --git a/app/components/localized-link/Link.tsx b/app/components/localized-link/Link.tsx
@@ -2,11 +2,19 @@ import { Link as RemixLink, LinkProps } from "@remix-run/react";
 import { useTranslation } from "react-i18next";
 import { localizeTo } from "./util/localizeTo";
 
-export interface InternalLinkProps extends LinkProps {}
+export interface InternalLinkProps extends LinkProps {
+  localize?: boolean;
+}
 
-const Link: React.FC<InternalLinkProps> = ({ to, ...props }) => {
+const Link: React.FC<InternalLinkProps> = ({
+  to,
+  localize = true,
+  ...props
+}) => {
   const { i18n } = useTranslation();
-  to = localizeTo(to, i18n.language);
+  if (localize) {
+    to = localizeTo(to, i18n.language);
+  }
 
   return <RemixLink {...props} to={to} />;
 };