From 41dc4b52f8868cb932a824c0b8f5184d58246eca Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Sun, 23 Aug 2020 23:27:21 +0100
Subject: [PATCH] showing patreon list in about

---
 functions/index.js    | 16 ++++++++++++++++
 public/css/style.scss |  8 ++++++++
 public/index.html     |  6 ++++++
 public/js/misc.js     | 13 +++++++++++++
 public/js/script.js   |  1 +
 5 files changed, 44 insertions(+)

diff --git a/functions/index.js b/functions/index.js
index 633e7e79a..c835aae64 100644
--- a/functions/index.js
+++ b/functions/index.js
@@ -446,6 +446,22 @@ exports.requestTest = functions.https.onRequest((request, response) => {
   response.status(200).send({ data: "test" });
 });
 
+exports.getPatreons = functions.https.onRequest(async (request, response) => {
+  response.set("Access-Control-Allow-Origin", "*");
+  response.set("Access-Control-Allow-Headers", "*");
+  response.set("Access-Control-Allow-Credentials", "true");
+
+  let patreon = await db.collection("patreon").orderBy("value", "desc").get();
+  let ret = [];
+  patreon.docs.forEach((pdoc) => {
+    ret.push(pdoc.data().name);
+  });
+
+  // console.log(ret);
+
+  response.status(200).send({ data: ret });
+});
+
 async function incrementTestCounter(uid) {
   let userDoc = await db.collection("users").doc(uid).get();
   let userData = userDoc.data();
diff --git a/public/css/style.scss b/public/css/style.scss
index 859e76a9c..a3c2bd221 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1670,6 +1670,14 @@ key {
     display: grid;
     gap: 0.5rem;
 
+    .supporters {
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr 1fr;
+      justify-items: center;
+      gap: 0.25rem;
+      color: var(--text-color);
+    }
+
     h1 {
       font-size: 1rem;
       line-height: 1rem;
diff --git a/public/index.html b/public/index.html
index 476d7ee30..b9a501c4d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1333,7 +1333,13 @@
               adding themes and more.
             </p>
           </div>
+          <div class="section">
+            <h1>supporters</h1>
+            <div class="supporters">
+            </div>
+          </div>
         </div>
+      </div>
         <div class="page pageSettings hidden">
           <div class="tip">
             tip: You can also change all these settings quickly using the
diff --git a/public/js/misc.js b/public/js/misc.js
index 29a6b388b..a269ab348 100644
--- a/public/js/misc.js
+++ b/public/js/misc.js
@@ -169,6 +169,19 @@ function getReleasesFromGitHub() {
   );
 }
 
+function getPatreonNames() {
+  let namesel = $(".pageAbout .section .supporters");
+  firebase
+    .functions()
+    .httpsCallable("getPatreons")()
+    .then((data) => {
+      let names = data.data;
+      names.forEach((name) => {
+        namesel.prepend(`<div>${name}</div>`);
+      });
+    });
+}
+
 function getLastChar(word) {
   return word.charAt(word.length - 1);
 }
diff --git a/public/js/script.js b/public/js/script.js
index 80e874092..c64400bbd 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -3804,6 +3804,7 @@ $(document).keydown((event) => {
 
 loadConfigFromCookie();
 getReleasesFromGitHub();
+getPatreonNames();
 
 if (firebase.app().options.projectId === "monkey-type-dev-67af4") {
   $("#top .logo .bottom").text("monkey-dev");