hotfix(linkTitle): handle i18n link title in web

varianter · Sep 27, 2024 · e63a2a7 · e63a2a7
1 parent 154e66f
commit e63a2a7
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 5 deletions.
diff --git a/src/components/link/CustomLink.tsx b/src/components/link/CustomLink.tsx
@@ -16,6 +16,9 @@ interface ICustomLink {
 
 const CustomLink = ({ type = "link", link, isSelected }: ICustomLink) => {
   const linkTitle = link.linkTitle;
+  // TODO: pick title based on selected language
+  const linkTitleValue =
+    (typeof linkTitle === "string" ? linkTitle : linkTitle[0].value) ?? "";
   const href = getHref(link);
   const newTab = link.newTab;
   const target = newTab ? "_blank" : undefined;
@@ -34,7 +37,7 @@ const CustomLink = ({ type = "link", link, isSelected }: ICustomLink) => {
         rel={rel}
         aria-label={link.ariaLabel}
       >
-        <span className={styles.span}>{linkTitle}</span>
+        <span className={styles.span}>{linkTitleValue}</span>
       </Link>
       <div className={styles.underline}></div>
     </div>
@@ -46,7 +49,7 @@ const CustomLink = ({ type = "link", link, isSelected }: ICustomLink) => {
       rel={rel}
       aria-label={link.ariaLabel}
     >
-      {linkTitle}
+      {linkTitleValue}
     </Link>
   );
 };

diff --git a/src/components/linkButton/LinkButton.tsx b/src/components/linkButton/LinkButton.tsx
@@ -21,10 +21,15 @@ const typeClassMap: { [key in LinkButtonType]: string } = {
 const LinkButton = ({ isSmall, type = "primary", link }: IButton) => {
   const className = `${styles.button} ${isSmall ? styles.small : ""} ${typeClassMap[type]}`;
   const href = getHref(link);
+  const linkTitle = link.linkTitle;
+  // TODO: pick title based on selected language
+  const linkTitleValue =
+    typeof linkTitle === "string" ? linkTitle : linkTitle[0].value;
   return (
-    href && (
+    href &&
+    linkTitleValue && (
       <a className={className} href={href}>
-        {link.linkTitle}
+        {linkTitleValue}
       </a>
     )
   );

diff --git a/studio/lib/interfaces/global.ts b/studio/lib/interfaces/global.ts
@@ -7,3 +7,10 @@ export interface DocumentWithSlug {
   slug: Slug;
   _updatedAt: string;
 }
+
+export type InternationalizedString = InternationalizedStringValue[];
+
+export interface InternationalizedStringValue {
+  _key: string;
+  value?: string;
+}
diff --git a/studio/lib/interfaces/navigation.ts b/studio/lib/interfaces/navigation.ts
@@ -1,3 +1,5 @@
+import { InternationalizedString } from "./global";
+
 export interface Navigation {
   _id: string;
   main: ILink[];
@@ -12,7 +14,7 @@ interface Reference {
 export interface ILink {
   _key: string;
   _type: string;
-  linkTitle: string;
+  linkTitle: string | InternationalizedString;
   linkType: LinkType;
   internalLink?: Reference;
   url?: string;