Clean up sponsors (#61)

.eslintrc.json

@@ -16,6 +16,7 @@
     "warnOnUnsupportedTypeScriptVersion": false
   },
   "rules": {
+    "@typescript-eslint/ban-ts-comment": "off",
     "@typescript-eslint/no-explicit-any": 0,
     "@typescript-eslint/explicit-module-boundary-types": 0,
     "arrow-body-style": 0,

joinlemmy-translations

@@ -1 +1 @@
-Subproject commit bb4ebe8787df58390f48d1836f3670445d440e9b
+Subproject commit eb718ef3be97ccb4d38988e2ed28f294e73451c0

lemmy-instance-stats

@@ -1 +1 @@
-Subproject commit cf0e5ea14ef2355f0675a16eee74b67242fcccab
+Subproject commit 3db2dc45f92e8806d668839779f076e795927feb

lemmy-translations

@@ -1 +1 @@
-Subproject commit febf8f8d952771b6144bef9ac29c825e7d33376f
+Subproject commit 881d9ac4e5f060cf14b18c6b8661e8354b87d130

src/assets/css/main.css

@@ -55,3 +55,8 @@ img {
   display: inline-block !important;
   padding: 0px 6px 0px 6px !important;
 }
+
+.gold {
+  border-color: #FFD700 !important;
+  color: #FFD700;
+}

src/shared/components/support.tsx

@@ -7,29 +7,43 @@ import { translators } from "../translations/translators";
 import { languagesAll, countries } from "countries-list";
 
 const title = i18n.t("support_title");
+const avatarSize = 40;
 
 interface LinkedSponsor {
   name: string;
   link: string;
 }
 
-let silverSponsors: LinkedSponsor[] = [
-  { name: "RedJoker", link: "https://iww.org" },
+interface GoldSponsor {
+  name: string;
+  link: string;
+  avatar: string;
+}
+
+let goldSponsors: GoldSponsor[] = [
+  {
+    name: "purplerabbit",
+    link: "https://purplerabbit.gitlab.io",
+    avatar: "https://purplerabbit.gitlab.io/assets/avatar.jpeg",
+  },
 ];
-let highlightedSponsors = ["DQW", "Alex Benishek"];
+
+let silverSponsors: LinkedSponsor[] = [];
+
+let highlightedSponsors = ["DQW", "John Knapp"];
 let sponsors = [
-  "seahorse",
-  "Tommaso",
-  "Jamie Gray",
+  "Anthony",
+  "Remi Rampin",
+  "Cameron C",
+  "Vegard",
+  "0ti.me",
   "Brendan",
-  "mexicanhalloween",
-  "William Moore",
-  "Rachel Schmitz",
-  "comradeda",
-  "Jonathan Cremin",
+  "mexicanhalloween .",
   "Arthur Nieuwland",
   "Forrest Weghorst",
-  "Andre Vallestero",
+  "Luke Black",
+  "Brandon Abbott",
+  "Eon Gattignolo",
 ];
 
 export interface Coder {
@@ -85,17 +99,42 @@ export class Support extends Component<any, any> {
           </div>
           <div class="text-center">
             <h2>{i18n.t("sponsors")}</h2>
-            <p>{i18n.t("silver_sponsors_desc")}</p>
-            <div class="row is-horizontal-align">
-              {silverSponsors.map(s => (
-                <div class="col">
-                  <a class="button outline primary" href={s.link}>
-                    💎 {s.name}
-                  </a>
+            {goldSponsors.length > 0 && (
+              <div>
+                <p>{i18n.t("gold_sponsors_desc")}</p>
+                <div class="row is-horizontal-align">
+                  {goldSponsors.map(s => (
+                    <div class="col">
+                      <a class="button outline gold" href={s.link}>
+                        <img
+                          class="mr-2 is-rounded"
+                          src={s.avatar}
+                          width={avatarSize}
+                          height={avatarSize}
+                        />
+                        <div>{s.name}</div>
+                      </a>
+                    </div>
+                  ))}
                 </div>
-              ))}
-            </div>
-            <br />
+                <br />
+              </div>
+            )}
+            {silverSponsors.length > 0 && (
+              <div>
+                <p>{i18n.t("silver_sponsors_desc")}</p>
+                <div class="row is-horizontal-align">
+                  {silverSponsors.map(s => (
+                    <div class="col">
+                      <a class="button outline primary" href={s.link}>
+                        💎 {s.name}
+                      </a>
+                    </div>
+                  ))}
+                </div>
+                <br />
+              </div>
+            )}
             <p>{i18n.t("general_sponsors_desc")}</p>
             <div class="row is-horizontal-align">
               {highlightedSponsors.map(s => (