Remove logos (#121)

docusaurus.config.js

@@ -250,24 +250,6 @@ const config = {
       },
       image: "/img/og.png",
     }),
-  customFields: {
-    logos: {
-      Gruntwork: {
-        dark: "/logos/gruntwork.png",
-        light: "/logos/gruntwork-light.svg",
-      },
-      Spacelift: {
-        dark: "/logos/spacelift.svg",
-        light: "/logos/spacelift-light.svg",
-      },
-      env0: { dark: "/logos/env0.svg", light: "/logos/env0-light.svg" },
-      Scalr: { dark: "/logos/scalr.svg", light: "/logos/scalr-light.png" },
-      Harness: {
-        dark: "/logos/harness.svg",
-        light: "/logos/harness-light.png",
-      },
-    },
-  },
 
   themes: [
     [

src/components/Supporters/index.tsx

@@ -1,5 +1,4 @@
 import React from "react";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import supporters from "../../../supporters.json";
 
 import Button from "../Button";
@@ -36,12 +35,12 @@ function SupporterType({ type, withSeparator, count }: SupporterTypeProps) {
   );
 }
 
+const MAX_LIST_COUNT = 5;
+
 export default function Supporters() {
-  const { siteConfig } = useDocusaurusContext();
   const groupedSupporters = groupSupportersByType(supporters);
   const types = Object.entries(groupedSupporters);
-  const { logos } = siteConfig.customFields;
-  const list = supporters.filter((supporter) => logos[supporter.name]);
+  const list = supporters.slice(0, MAX_LIST_COUNT);
 
   return (
     <section className="py-12 mx-auto container items-center flex flex-col px-4">

src/components/SupportersList/index.tsx

@@ -1,8 +1,5 @@
 import React from "react";
 import Link from "@docusaurus/Link";
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import ThemedImage from "@theme/ThemedImage";
-import useBaseUrl from "@docusaurus/useBaseUrl";
 
 type SupportersListProps = {
   list: {
@@ -14,9 +11,6 @@ type SupportersListProps = {
 };
 
 export default function SupportersList({ list }: SupportersListProps) {
-  const { siteConfig } = useDocusaurusContext();
-  const { logos } = siteConfig.customFields;
-
   return (
     <ul
       className="mt-6 md:mt-12 mb-6 sm:max-w-2xl md:max-w-3xl lg:max-w-4xl mx-auto w-full text-gray-600 dark:text-gray-500"
@@ -31,21 +25,10 @@ export default function SupportersList({ list }: SupportersListProps) {
             href={supporter.url}
             target="_blank"
             rel="noopener noreferrer"
-            className="w-1/3 text-inherit"
+            className="w-1/3 text-inherit font-bold text-gray-900 dark:text-gray-100"
             aria-label={`Go to ${supporter.name} website`}
           >
-            {logos[supporter.name] ? (
-              <ThemedImage
-                alt={supporter.name}
-                sources={{
-                  light: useBaseUrl(logos[supporter.name].light),
-                  dark: useBaseUrl(logos[supporter.name].dark),
-                }}
-                className="w-28"
-              />
-            ) : (
-              supporter.name
-            )}
+            {supporter.name}
           </Link>
 
           <p className="w-2/3 text-right">{supporter.pledge}</p>