web: add unstyled sponsors page

web/src/components/sponsor/SponsorList.tsx

@@ -0,0 +1,49 @@
+import { SponsorBlock } from "@/gql/graphql";
+import { Blocks } from "../blocks/Blocks";
+import { Image } from "../general/Image";
+import styles from "./sponsorList.module.scss";
+
+const SponsorItem = ({ sponsor }: { sponsor: SponsorBlock }) => {
+  const { name, logo, website, text } = sponsor;
+  return (
+    <li className={styles.sponsorItem}>
+      <h2>{name}</h2>
+      {logo && (
+        <div className={styles.image}>
+          <Image
+            src={logo.url}
+            alt={`Logoen til ${name}`}
+            width={0}
+            height={0}
+            sizes="20vw"
+          />
+        </div>
+      )}
+      {text && (
+        <p
+          className={styles.sponsorText}
+          dangerouslySetInnerHTML={{ __html: text }}
+        />
+      )}
+      {website && (
+        <p>
+          <a href={website} target="_blank" rel="noopener">
+            Besøk nettside
+          </a>
+        </p>
+      )}
+    </li>
+  );
+};
+
+export const SponsorList = ({ sponsors }: { sponsors: SponsorBlock[] }) => {
+  return (
+    <section className={styles.sponsorList}>
+      <ul>
+        {sponsors.map((sponsor) => (
+          <SponsorItem key={sponsor.name} sponsor={sponsor} />
+        ))}
+      </ul>
+    </section>
+  );
+};