foundry-component-library 0.2.38 → 0.2.40

package/lib/components/Awards/index.tsx

@@ -71,7 +71,9 @@ const Awards = ({
               return (
                 <div key={image.sourceUrl + i} className={styles.award}>
                   <div className={styles.image}>
-                    {image && <Image src={image.sourceUrl} alt="" fill />}
+                    {image && (
+                      <Image src={image.sourceUrl} alt="" fill unoptimized />
+                    )}
                   </div>
                   {heading && <div className={styles.text}>{heading}</div>}
                   {text && <div className={styles.client}>{text}</div>}

package/lib/components/Footer/index.tsx

@@ -1,8 +1,10 @@
+"use client";
 import Container from "../Container";
 import styles from "./styles.module.scss";
 import { translate } from "../../utils";
 import Logo from "../../assets/svg/footer-logo.svg";
 import { NextLink } from "../../types";
+import { usePathname } from "next/navigation";
 
 function Footer({
   details,
@@ -26,6 +28,12 @@ function Footer({
   const { berlinEmail, zurichEmail, newyorkEmail } = details;
   const year = new Date().getFullYear();
 
+  const path = usePathname();
+  const currentLang = path.startsWith("/de") ? "DE" : "EN";
+
+  const langPrefix =
+    currentLang === "EN" ? "" : `/${currentLang.toLowerCase()}`;
+
   return (
     <footer className={styles.footer}>
       <Container>
@@ -69,22 +77,32 @@ function Footer({
           <div className={styles.right}>
             <ul className={styles.menu}>
               <li className={styles.menuItem}>
-                <Link href="/hubs">{translate("Service Hubs", lang)}</Link>
+                <Link href={`${langPrefix}/hubs`}>
+                  {translate("Service Hubs", lang)}
+                </Link>
               </li>
               <li className={styles.menuItem}>
-                <Link href="/about-us">{translate("About Us", lang)}</Link>
+                <Link href={`${langPrefix}/about-us`}>
+                  {translate("About Us", lang)}
+                </Link>
               </li>
               <li className={styles.menuItem}>
-                <Link href="/cases">{translate("Case Studies", lang)}</Link>
+                <Link href={`${langPrefix}/cases`}>
+                  {translate("Case Studies", lang)}
+                </Link>
               </li>
               {/* <li className={styles.menuItem}>
                 <Link href="/team">Team & Careers</Link>
               </li> */}
               <li className={styles.menuItem}>
-                <Link href="/news">{translate("News & Insights", lang)}</Link>
+                <Link href={`${langPrefix}/news`}>
+                  {translate("News & Insights", lang)}
+                </Link>
               </li>
               <li className={styles.menuItem}>
-                <Link href="/contact">{translate("Contact", lang)}</Link>
+                <Link href={`${langPrefix}/contact`}>
+                  {translate("Contact", lang)}
+                </Link>
               </li>
             </ul>
             <div className={styles.social}>
@@ -114,9 +132,11 @@ function Footer({
         <div className={styles.bottom}>
           <div>FOUNDRY © {year}</div>
           <div className={styles.bottomLinks}>
-            <Link href="/imprint">{translate("Imprint", lang)}</Link>
-            <Link href="/terms">{translate("Terms", lang)}</Link>
-            <Link href="/privacy-policy">
+            <Link href={`${langPrefix}/imprint`}>
+              {translate("Imprint", lang)}
+            </Link>
+            <Link href={`${langPrefix}/terms`}>{translate("Terms", lang)}</Link>
+            <Link href={`${langPrefix}/privacy-policy`}>
               {translate("Privacy policy", lang)}
             </Link>
           </div>

package/lib/components/HubsAccordion/Hub.tsx

@@ -42,23 +42,29 @@ const Hub = ({
     }
   }, [isActive, customFields]);
 
-  console.log("asd", hub);
+  console.log(hub);
 
   return (
     <div className={`${styles.hub} ${isActive ? styles.active : ""}`}>
       <div className={styles.top}>
         <div className={styles.tile}>
           <a href={hub.uri}>
-            {hub.slug === "content-campaigning" && <TileBalls />}
+            {(hub.slug === "content-campaigning" ||
+              hub.slug === "inhalte-kampagnen") && <TileBalls />}
           </a>
           <a href={hub.uri}>
-            {hub.slug === "social-media-performance" && <TileRays />}
+            {(hub.slug === "social-media-performance" ||
+              hub.slug === "soziale-medien-leistung") && <TileRays />}
           </a>
           <a href={hub.uri}>
-            {hub.slug === "branding-corporate-id" && <TileFluid />}
+            {(hub.slug === "branding-corporate-id" ||
+              hub.slug === "markenbildung-unternehmensidentitaet") && (
+              <TileFluid />
+            )}
           </a>
           <a href={hub.uri}>
-            {hub.slug === "strategy-positioning" && <TileGlass />}
+            {(hub.slug === "strategy-positioning" ||
+              hub.slug === "strategie-positionierung") && <TileGlass />}
           </a>
         </div>
         <div className={styles.title}>{hub.title}</div>

package/lib/components/case/Other/index.tsx

@@ -62,6 +62,7 @@ function Other({
                         alt={item.title || ""}
                         width={308}
                         height={220}
+                        unoptimized
                       />
                     )}
                   </div>

package/lib/queries/getPageById.ts

@@ -0,0 +1,53 @@
+import { Page, Variables } from "../../lib/types";
+import { request } from "./client";
+import { ContactPage } from "./getContactPage";
+
+export default async function getPageById(
+  id: string,
+  language: string,
+): Promise<{ page: Page; contactPage: ContactPage }> {
+  const contactPage = language === "DE" ? "contact-de" : "contact";
+
+  const query = `
+    query GetPageById($id: ID!) {
+      page(id: $id, idType: DATABASE_ID) {
+        title
+        content
+      }
+      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
+        }
+      }
+    }
+  `;
+
+  const variables: Variables = { id, language };
+  const data: { page: Page; contactPage: ContactPage } = await request(
+    query,
+    variables,
+  );
+  return data;
+}

package/lib/queries/index.ts

@@ -3,6 +3,7 @@ import getPosts from "./getPosts";
 import getCategories from "./getCategories";
 import getMetadataBySlug from "./getMetadataBySlug";
 import getPageBySlug from "./getPageBySlug";
+import getPageById from "./getPageById";
 import getPostBySlug from "./getPostBySlug";
 import getCaseBySlug from "./getCaseBySlug";
 import getCaseById from "./getCaseById";
@@ -24,6 +25,7 @@ export {
   getCategories,
   getMetadataBySlug,
   getPageBySlug,
+  getPageById,
   getPostBySlug,
   getCaseBySlug,
   getCaseById,

package/package.json

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