prettier

tum-ai · Dec 4, 2023 · 5b23e01 · 5b23e01
1 parent cc03272
commit 5b23e01
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 25 deletions.
diff --git a/components/Benefit.tsx b/components/Benefit.tsx
@@ -1,6 +1,6 @@
 import { type IconProp } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { VariantProps,cva } from "class-variance-authority";
+import { VariantProps, cva } from "class-variance-authority";
 
 interface Benefit {
   icon: IconProp;
@@ -50,7 +50,9 @@ const articleStyles = cva("flex flex-col gap-4", {
   },
 });
 
-interface Props extends VariantProps<typeof iconStyles>, VariantProps<typeof gridStyles> {
+interface Props
+  extends VariantProps<typeof iconStyles>,
+    VariantProps<typeof gridStyles> {
   benefits: Benefit[];
   showShadow?: boolean;
 }
@@ -60,9 +62,16 @@ const Benefits = ({ benefits, color, columns, showShadow = false }: Props) => {
   return (
     <div className={gridStyles({ columns })}>
       {benefits.map((benefit) => (
-        <article key={benefit.title} className={articleStyles({ shadow: showShadow })}>
-          <div className="flex flex-row gap-6 items-center">
-            <FontAwesomeIcon icon={benefit.icon} size="2xl" className={iconStyles({ color })} />
+        <article
+          key={benefit.title}
+          className={articleStyles({ shadow: showShadow })}
+        >
+          <div className="flex flex-row items-center gap-6">
+            <FontAwesomeIcon
+              icon={benefit.icon}
+              size="2xl"
+              className={iconStyles({ color })}
+            />
             <h3 className={headingStyles({ color })}>{benefit.title}</h3>
           </div>
           <p>{benefit.text}</p>

diff --git a/data/partners.tsx b/data/partners.tsx
@@ -191,13 +191,13 @@ export const strategic_partnerts = [
     href: "https://www.nvidia.com",
     src: "/assets/partners/strategic_partners/Nvidia_(logo).svg.png",
     alt: "nvidia",
-    width: 130, 
-  }, 
+    width: 130,
+  },
   {
-    href: "https://baiosphere.org", 
+    href: "https://baiosphere.org",
     src: "/assets/partners/strategic_partners/baiosphere_logo-1-1.png",
-    alt: "baiosphere"
-  }, 
+    alt: "baiosphere",
+  },
   {
     href: "https://www.appliedai.de/de/",
     src: "/assets/partners_sponsors/appliedai_logo.png",
@@ -206,9 +206,9 @@ export const strategic_partnerts = [
   {
     href: "https://www.tum-venture-labs.de",
     src: "/assets/partners/strategic_partners/TUMVentureLabs.jpg",
-    alt: "TumVentureLabs"
+    alt: "TumVentureLabs",
   },
-]
+];
 
 export const enablers_supporters = [
   {
@@ -271,9 +271,9 @@ export const enablers_supporters = [
   {
     href: "https://www.aimunich.com",
     src: "/assets/partners/enablers_and_supporters/ai+munich.jpeg",
-    alt: "ai+munich"
-  }
-]
+    alt: "ai+munich",
+  },
+];
 
 export const project_partners = [
   {
@@ -349,4 +349,4 @@ export const project_partners = [
     src: "/assets/partners_sponsors/avi_medical_logo.png",
     alt: "Avi Medical",
   },
-].concat(partners) 
+].concat(partners);
diff --git a/pages/partners.tsx b/pages/partners.tsx
@@ -15,8 +15,13 @@ import {
   faPeopleGroup,
 } from "@fortawesome/free-solid-svg-icons";
 import Benefits from "@components/Benefit";
-import Logos from "@components/Logos"
-import { enablers_supporters, partners_collabrated_with, project_partners, strategic_partnerts } from "data/partners";
+import Logos from "@components/Logos";
+import {
+  enablers_supporters,
+  partners_collabrated_with,
+  project_partners,
+  strategic_partnerts,
+} from "data/partners";
 
 export default function Partners() {
   const benefits = [
@@ -61,12 +66,22 @@ export default function Partners() {
       />
 
       <Section background="white">
-        <h2 className={cx("mb-8 text-4xl font-semibold", bitter.className)}>Strategic Partners</h2>
-        <Logos logos={strategic_partnerts}/>
-        <h2 className={cx("mb-8 mt-32 text-4xl font-semibold", bitter.className)}>Enablers and Supporters</h2>
-        <Logos logos={enablers_supporters}/>
-        <h2 className={cx("mb-8 mt-32 text-4xl font-semibold", bitter.className)}>Project Partners</h2>
-        <Logos logos={project_partners}/>
+        <h2 className={cx("mb-8 text-4xl font-semibold", bitter.className)}>
+          Strategic Partners
+        </h2>
+        <Logos logos={strategic_partnerts} />
+        <h2
+          className={cx("mb-8 mt-32 text-4xl font-semibold", bitter.className)}
+        >
+          Enablers and Supporters
+        </h2>
+        <Logos logos={enablers_supporters} />
+        <h2
+          className={cx("mb-8 mt-32 text-4xl font-semibold", bitter.className)}
+        >
+          Project Partners
+        </h2>
+        <Logos logos={project_partners} />
       </Section>
 
       <Section background="inverted">
@@ -151,7 +166,12 @@ export default function Partners() {
         >
           What we offer
         </h2>
-        <Benefits benefits={benefits} showShadow={true} columns={4} color="purple" />
+        <Benefits
+          benefits={benefits}
+          showShadow={true}
+          columns={4}
+          color="purple"
+        />
       </Section>
     </>
   );