From e22ba00f3bb1bbf89094cf0f0809deffd88e26d8 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Wed, 8 Sep 2021 17:08:00 -0400
Subject: [PATCH] Clean up sponsors

---
 .eslintrc.json                    |  1 +
 joinlemmy-translations            |  2 +-
 lemmy-instance-stats              |  2 +-
 lemmy-translations                |  2 +-
 src/assets/css/main.css           |  5 ++
 src/shared/components/support.tsx | 83 +++++++++++++++++++++++--------
 6 files changed, 70 insertions(+), 25 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 093a700..41596b9 100644
--- a/.eslintrc.json
+++ b/.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,
diff --git a/joinlemmy-translations b/joinlemmy-translations
index bb4ebe8..eb718ef 160000
--- a/joinlemmy-translations
+++ b/joinlemmy-translations
@@ -1 +1 @@
-Subproject commit bb4ebe8787df58390f48d1836f3670445d440e9b
+Subproject commit eb718ef3be97ccb4d38988e2ed28f294e73451c0
diff --git a/lemmy-instance-stats b/lemmy-instance-stats
index cf0e5ea..3db2dc4 160000
--- a/lemmy-instance-stats
+++ b/lemmy-instance-stats
@@ -1 +1 @@
-Subproject commit cf0e5ea14ef2355f0675a16eee74b67242fcccab
+Subproject commit 3db2dc45f92e8806d668839779f076e795927feb
diff --git a/lemmy-translations b/lemmy-translations
index febf8f8..881d9ac 160000
--- a/lemmy-translations
+++ b/lemmy-translations
@@ -1 +1 @@
-Subproject commit febf8f8d952771b6144bef9ac29c825e7d33376f
+Subproject commit 881d9ac4e5f060cf14b18c6b8661e8354b87d130
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 3e2e9c6..75f68b8 100644
--- a/src/assets/css/main.css
+++ b/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;
+}
diff --git a/src/shared/components/support.tsx b/src/shared/components/support.tsx
index 7e5b21d..76f96d9 100644
--- a/src/shared/components/support.tsx
+++ b/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 => (