foundry-component-library 0.2.20 → 0.2.21

package/lib/components/Header/Menu.tsx

@@ -19,8 +19,6 @@ function Menu({
   const path = usePathname();
   const currentLang = path.startsWith("/de") ? "DE" : "EN";
 
-  console.log(path);
-
   const langPrefix =
     currentLang === "EN" ? "" : `/${currentLang.toLowerCase()}`;
 

package/lib/components/cases/Items/index.tsx

@@ -6,6 +6,7 @@ import styles from "./styles.module.scss";
 import Arrow from "../../../assets/svg/arrow.svg";
 import { Case, NextImage, NextLink, NextRouter } from "../../../types";
 import Top from "../Top";
+import { usePathname } from "next/navigation";
 
 function Cases({
   cases,
@@ -42,6 +43,13 @@ function Cases({
   }
 
   const [selected, setSelected] = useState(defaultValue);
+
+  const path = usePathname();
+  const currentLang = path.startsWith("/de") ? "DE" : "EN";
+
+  const langPrefix =
+    currentLang === "EN" ? "" : `/${currentLang.toLowerCase()}`;
+
   const services = [
     "Brand Identity",
     "Advertising & Campaigning",
@@ -84,10 +92,9 @@ function Cases({
             return (
               <div key={item.id} className={styles.case}>
                 <Link
-                  href={`/cases/${
+                  href={`${langPrefix}/cases/${
                     item.status !== "draft" ? item.slug : `preview/${item.id}`
-                  }`}
-                >
+                  }`}>
                   {thumbnailVideo && (
                     <Video
                       url={thumbnailVideo.mediaItemUrl}

package/lib/queries/getCaseBySlug.ts

@@ -18,7 +18,7 @@ type HomePage = {
 
 export default async function getCaseBySlug({
   slug,
-  language,
+  language = "EN",
 }: {
   slug: string;
   language: string;
@@ -31,8 +31,9 @@ export default async function getCaseBySlug({
   const contactPage = language === "DE" ? "contact-de" : "contact";
 
   const query = gql`
-    query GetCaseBySlug($slug: ID!) {
-      case(id: $slug, idType: SLUG) {
+  query GetCaseBySlug($slug: String, $language: LanguageCodeFilterEnum!) {
+    cases(where: { name: $slug, language: $language }) {
+      nodes {
         id
         title
         case {
@@ -229,58 +230,61 @@ export default async function getCaseBySlug({
           }
         }
       }
-      contactPage: page(id: "${contactPage}", idType: URI) {
-        customFieldsContact {
-          facebook
-          instagram
-          linkedin
-          berlinImage {
-            sourceUrl
-          }
-          berlinText
-          berlinEmail
-          berlinPhone
-          zurichImage {
-            sourceUrl
-          }
-          zurichText
-          zurichEmail
-          zurichPhone
-          newyorkImage {
-            sourceUrl
-          }
-          newyorkText
-          newyorkEmail
-          newyorkPhone
-          contactTeaserHeading
-          contactTeaserText
+    }
+    contactPage: page(id: "${contactPage}", idType: URI) {
+      customFieldsContact {
+        facebook
+        instagram
+        linkedin
+        berlinImage {
+          sourceUrl
+        }
+        berlinText
+        berlinEmail
+        berlinPhone
+        zurichImage {
+          sourceUrl
+        }
+        zurichText
+        zurichEmail
+        zurichPhone
+        newyorkImage {
+          sourceUrl
         }
+        newyorkText
+        newyorkEmail
+        newyorkPhone
+        contactTeaserHeading
+        contactTeaserText
       }
-      homePage: page(id: "${homePage}", idType: URI) {
-        customFieldsBerlin {
-          awardsHeading
-          awards {
-            image {
-              sourceUrl
-            }
-            heading
-            text
+    }
+    homePage: page(id: "${homePage}", idType: URI) {
+      customFieldsBerlin {
+        awardsHeading
+        awards {
+          image {
+            sourceUrl
           }
+          heading
+          text
         }
       }
     }
-  `;
+  }
+`;
 
-  const variables = { slug };
+  const variables = { slug, language };
   const data: {
-    case: Case;
+    cases: {
+      nodes: Case[];
+    };
     contactPage: ContactPage;
     homePage: HomePage;
   } = await client.request(query, variables);
 
   return {
-    case: data.case,
-    contactPage: data.contactPage,
-    homePage: data.homePage,
+    case: data?.cases.nodes[0],
+    contactPage: data?.contactPage,
+    homePage: data?.homePage,
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foundry-component-library",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",