From b26c24c557c20b516833217a10e66b1e579400cf Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <isaiah7hamilton@gmail.com>
Date: Wed, 2 Feb 2022 23:45:01 -0500
Subject: [PATCH 1/3] clean up auth images

---
 www/data/auth.json      | 54 +++++++++++++++++++++++++
 www/pages/auth/Auth.tsx | 89 +++++------------------------------------
 2 files changed, 65 insertions(+), 78 deletions(-)
 create mode 100644 www/data/auth.json

diff --git a/www/data/auth.json b/www/data/auth.json
new file mode 100644
index 00000000000..6650a951a7c
--- /dev/null
+++ b/www/data/auth.json
@@ -0,0 +1,54 @@
+[
+    {
+        "path": "/images/product/auth/apple-icon.svg",
+        "alt": "apple auth login icon"
+    },
+    {
+        "path": "/images/product/auth/bitbucket-icon.svg",
+        "alt": "bitbucket auth login icon"
+    },
+    {
+        "path": "/images/product/auth/discord-icon.svg",
+        "alt": "discord auth login icon"
+    },
+    {
+        "path": "/images/product/auth/facebook-icon.svg",
+        "alt": "facebook auth login icon"
+    },
+    {
+        "path": "/images/product/auth/gitlab-icon.svg",
+        "alt": "gitlab auth login icon"
+    },
+    {
+        "path": "/images/product/auth/google-icon.svg",
+        "alt": "google auth login icon"
+    },
+    {
+        "path": "/images/product/auth/messagebird-icon.svg",
+        "alt": "messagebird auth login icon"
+    },
+    {
+        "path": "/images/product/auth/microsoft-icon.svg",
+        "alt": "microsoft auth login icon"
+    },
+    {
+        "path": "/images/product/auth/slack-icon.svg",
+        "alt": "slack auth login icon"
+    },
+    {
+        "path": "/images/product/auth/spotify-icon.svg",
+        "alt": "spotify auth login icon"
+    },
+    {
+        "path": "/images/product/auth/twitch-icon.svg",
+        "alt": "twitch auth login icon"
+    },
+    {
+        "path": "/images/product/auth/twitter-icon.svg",
+        "alt": "twitter auth login icon"
+    },
+    {
+        "path": "/images/product/auth/twilio-icon.svg",
+        "alt": "twilio auth login icon"
+    }
+]
\ No newline at end of file
diff --git a/www/pages/auth/Auth.tsx b/www/pages/auth/Auth.tsx
index 690d4c66f3f..71d82a28877 100644
--- a/www/pages/auth/Auth.tsx
+++ b/www/pages/auth/Auth.tsx
@@ -28,6 +28,7 @@ import SectionContainer from '~/components/Layouts/SectionContainer'
 import APISection from '~/components/Sections/APISection'
 import GithubExamples from '~/components/Sections/GithubExamples'
 import ProductHeader from '~/components/Sections/ProductHeader'
+import AuthProviders from '~/data/auth.json'
 
 type Props = {
   darkMode: boolean
@@ -107,18 +108,6 @@ function AuthPage(props: Props) {
             <div className="mb-10 lg:mb-0 col-span-12 lg:col-span-3">
               <p className="mb-4">
                 <div className="flex items-center flex-wrap xl:w-64">
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/google-icon.svg`}
-                    width={21}
-                    alt="google auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/facebook-icon.svg`}
-                    width={21}
-                    alt="facebook auth login icon"
-                  />
                   <div className="mb-2 mr-2">
                     <svg
                       xmlns="http://www.w3.org/2000/svg"
@@ -132,72 +121,16 @@ function AuthPage(props: Props) {
                       />
                     </svg>
                   </div>
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/gitlab-icon.svg`}
-                    width={21}
-                    alt="gitlab auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/bitbucket-icon.svg`}
-                    width={21}
-                    alt="bitbucket auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/twitter-icon.svg`}
-                    width={21}
-                    alt="twitter auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/apple-icon.svg`}
-                    width={21}
-                    alt="apple auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/discord-icon.svg`}
-                    width={21}
-                    alt="discord auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/microsoft-icon.svg`}
-                    width={21}
-                    alt="microsoft auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/messagebird-icon.svg`}
-                    width={21}
-                    alt="messagebird auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/twilio-icon.svg`}
-                    width={21}
-                    alt="twilio auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/twitch-icon.svg`}
-                    width={21}
-                    alt="twitch auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/spotify-icon.svg`}
-                    width={21}
-                    alt="spotify auth login icon"
-                  />
-                  <img
-                    className="mb-2 mr-2"
-                    src={`${basePath}/images/product/auth/slack-icon.svg`}
-                    width={21}
-                    alt="slack auth login icon"
-                  />
+                  {AuthProviders.map((auth) => {
+                    return (
+                      <img
+                        className="mb-2 mr-2"
+                        src={`${basePath}${auth.path}`}
+                        width={21}
+                        alt={auth.alt}
+                      />
+                    )
+                  })}
                 </div>
               </p>
               <Typography.Title level={4}>All the social providers</Typography.Title>

From ca0b229de159e34b2a653ac9ca04ec0b878aa0ed Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <isaiah7hamilton@gmail.com>
Date: Thu, 3 Feb 2022 00:08:36 -0500
Subject: [PATCH 2/3] run prettier

---
 www/data/auth.json | 106 ++++++++++++++++++++++-----------------------
 1 file changed, 53 insertions(+), 53 deletions(-)

diff --git a/www/data/auth.json b/www/data/auth.json
index 6650a951a7c..c5264164474 100644
--- a/www/data/auth.json
+++ b/www/data/auth.json
@@ -1,54 +1,54 @@
 [
-    {
-        "path": "/images/product/auth/apple-icon.svg",
-        "alt": "apple auth login icon"
-    },
-    {
-        "path": "/images/product/auth/bitbucket-icon.svg",
-        "alt": "bitbucket auth login icon"
-    },
-    {
-        "path": "/images/product/auth/discord-icon.svg",
-        "alt": "discord auth login icon"
-    },
-    {
-        "path": "/images/product/auth/facebook-icon.svg",
-        "alt": "facebook auth login icon"
-    },
-    {
-        "path": "/images/product/auth/gitlab-icon.svg",
-        "alt": "gitlab auth login icon"
-    },
-    {
-        "path": "/images/product/auth/google-icon.svg",
-        "alt": "google auth login icon"
-    },
-    {
-        "path": "/images/product/auth/messagebird-icon.svg",
-        "alt": "messagebird auth login icon"
-    },
-    {
-        "path": "/images/product/auth/microsoft-icon.svg",
-        "alt": "microsoft auth login icon"
-    },
-    {
-        "path": "/images/product/auth/slack-icon.svg",
-        "alt": "slack auth login icon"
-    },
-    {
-        "path": "/images/product/auth/spotify-icon.svg",
-        "alt": "spotify auth login icon"
-    },
-    {
-        "path": "/images/product/auth/twitch-icon.svg",
-        "alt": "twitch auth login icon"
-    },
-    {
-        "path": "/images/product/auth/twitter-icon.svg",
-        "alt": "twitter auth login icon"
-    },
-    {
-        "path": "/images/product/auth/twilio-icon.svg",
-        "alt": "twilio auth login icon"
-    }
-]
\ No newline at end of file
+  {
+    "path": "/images/product/auth/apple-icon.svg",
+    "alt": "apple auth login icon"
+  },
+  {
+    "path": "/images/product/auth/bitbucket-icon.svg",
+    "alt": "bitbucket auth login icon"
+  },
+  {
+    "path": "/images/product/auth/discord-icon.svg",
+    "alt": "discord auth login icon"
+  },
+  {
+    "path": "/images/product/auth/facebook-icon.svg",
+    "alt": "facebook auth login icon"
+  },
+  {
+    "path": "/images/product/auth/gitlab-icon.svg",
+    "alt": "gitlab auth login icon"
+  },
+  {
+    "path": "/images/product/auth/google-icon.svg",
+    "alt": "google auth login icon"
+  },
+  {
+    "path": "/images/product/auth/messagebird-icon.svg",
+    "alt": "messagebird auth login icon"
+  },
+  {
+    "path": "/images/product/auth/microsoft-icon.svg",
+    "alt": "microsoft auth login icon"
+  },
+  {
+    "path": "/images/product/auth/slack-icon.svg",
+    "alt": "slack auth login icon"
+  },
+  {
+    "path": "/images/product/auth/spotify-icon.svg",
+    "alt": "spotify auth login icon"
+  },
+  {
+    "path": "/images/product/auth/twitch-icon.svg",
+    "alt": "twitch auth login icon"
+  },
+  {
+    "path": "/images/product/auth/twitter-icon.svg",
+    "alt": "twitter auth login icon"
+  },
+  {
+    "path": "/images/product/auth/twilio-icon.svg",
+    "alt": "twilio auth login icon"
+  }
+]

From d3e2de2fef7680d00d0a1ad8f0bdb2fcbb22d2f0 Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <isaiah7hamilton@gmail.com>
Date: Thu, 3 Feb 2022 00:19:20 -0500
Subject: [PATCH 3/3] remove unnecessary code

---
 www/data/auth.json      | 39 +++++++++++++--------------------------
 www/pages/auth/Auth.tsx |  4 ++--
 2 files changed, 15 insertions(+), 28 deletions(-)

diff --git a/www/data/auth.json b/www/data/auth.json
index c5264164474..79a70b1869c 100644
--- a/www/data/auth.json
+++ b/www/data/auth.json
@@ -1,54 +1,41 @@
 [
   {
-    "path": "/images/product/auth/apple-icon.svg",
-    "alt": "apple auth login icon"
+    "name": "apple"
   },
   {
-    "path": "/images/product/auth/bitbucket-icon.svg",
-    "alt": "bitbucket auth login icon"
+    "name": "bitbucket"
   },
   {
-    "path": "/images/product/auth/discord-icon.svg",
-    "alt": "discord auth login icon"
+    "name": "discord"
   },
   {
-    "path": "/images/product/auth/facebook-icon.svg",
-    "alt": "facebook auth login icon"
+    "name": "facebook"
   },
   {
-    "path": "/images/product/auth/gitlab-icon.svg",
-    "alt": "gitlab auth login icon"
+    "name": "gitlab"
   },
   {
-    "path": "/images/product/auth/google-icon.svg",
-    "alt": "google auth login icon"
+    "name": "google"
   },
   {
-    "path": "/images/product/auth/messagebird-icon.svg",
-    "alt": "messagebird auth login icon"
+    "name": "messagebird"
   },
   {
-    "path": "/images/product/auth/microsoft-icon.svg",
-    "alt": "microsoft auth login icon"
+    "name": "microsoft"
   },
   {
-    "path": "/images/product/auth/slack-icon.svg",
-    "alt": "slack auth login icon"
+    "name": "slack"
   },
   {
-    "path": "/images/product/auth/spotify-icon.svg",
-    "alt": "spotify auth login icon"
+    "name": "spotify"
   },
   {
-    "path": "/images/product/auth/twitch-icon.svg",
-    "alt": "twitch auth login icon"
+    "name": "twitch"
   },
   {
-    "path": "/images/product/auth/twitter-icon.svg",
-    "alt": "twitter auth login icon"
+    "name": "twitter"
   },
   {
-    "path": "/images/product/auth/twilio-icon.svg",
-    "alt": "twilio auth login icon"
+    "name": "twilio"
   }
 ]
diff --git a/www/pages/auth/Auth.tsx b/www/pages/auth/Auth.tsx
index 71d82a28877..b0347768377 100644
--- a/www/pages/auth/Auth.tsx
+++ b/www/pages/auth/Auth.tsx
@@ -125,9 +125,9 @@ function AuthPage(props: Props) {
                     return (
                       <img
                         className="mb-2 mr-2"
-                        src={`${basePath}${auth.path}`}
+                        src={`${basePath}/images/product/auth/${auth.name}-icon.svg`}
                         width={21}
-                        alt={auth.alt}
+                        alt={`${auth.name} auth login icon`}
                       />
                     )
                   })}