From 0ca9585fc9ebd332d741e53800476803519ad5e3 Mon Sep 17 00:00:00 2001
From: debounced <35878315+nobodyatroot@users.noreply.github.com>
Date: Tue, 14 May 2024 20:23:37 -0500
Subject: [PATCH] Add available simple-icons to SimpleLogin SSO (#781)

---
 assets/styles/app.scss                       |  1 +
 package-lock.json                            | 11 +++++++++++
 package.json                                 |  1 +
 templates/components/login_socials.html.twig |  2 +-
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index c849d3343..7f60d159a 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -1,6 +1,7 @@
 @import '@fortawesome/fontawesome-free/scss/fontawesome';
 @import '@fortawesome/fontawesome-free/scss/solid';
 @import '@fortawesome/fontawesome-free/scss/brands';
+@import 'simple-icons-font/font/simple-icons';
 @import 'glightbox/dist/css/glightbox.min.css';
 @import 'mixins/animations';
 @import 'mixins/kbin';
diff --git a/package-lock.json b/package-lock.json
index e93247403..08ec93b67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,6 +26,7 @@
                 "regenerator-runtime": "^0.14.0",
                 "sass": "^1.69.5",
                 "sass-loader": "^13.3.2",
+                "simple-icons-font": "^11.12.0",
                 "stimulus-textarea-autogrow": "^4.1.0",
                 "stimulus-use": "^0.52.1",
                 "timeago.js": "^4.0.2",
@@ -9689,6 +9690,16 @@
             "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
             "dev": true
         },
+        "node_modules/simple-icons-font": {
+            "version": "11.12.0",
+            "resolved": "https://registry.npmjs.org/simple-icons-font/-/simple-icons-font-11.12.0.tgz",
+            "integrity": "sha512-JFdVtHwh5513JklPWwCvFp0EpwOPRhQNUy9/Eaudgfhf0FD6CqN26EvFGiS24WCE2dEG28ZwUpliiZK5QID2gQ==",
+            "dev": true,
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/simple-icons"
+            }
+        },
         "node_modules/slash": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
diff --git a/package.json b/package.json
index 4e8e03d89..35fe6e716 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
         "regenerator-runtime": "^0.14.0",
         "sass": "^1.69.5",
         "sass-loader": "^13.3.2",
+        "simple-icons-font": "^11.12.0",
         "stimulus-textarea-autogrow": "^4.1.0",
         "stimulus-use": "^0.52.1",
         "timeago.js": "^4.0.2",
diff --git a/templates/components/login_socials.html.twig b/templates/components/login_socials.html.twig
index 116ea6578..fd94e4987 100644
--- a/templates/components/login_socials.html.twig
+++ b/templates/components/login_socials.html.twig
@@ -22,7 +22,7 @@
                 <span>{{ 'continue_with'|trans }} Keycloak</span></a>
         {% endif %}
         {% if this.simpleloginEnabled %}
-            <a href="{{ path('oauth_simplelogin_connect') }}" class="btn btn__secondary"><i class="fa-solid fa-lock" aria-hidden="true"></i>
+            <a href="{{ path('oauth_simplelogin_connect') }}" class="btn btn__secondary"><i class="si si-simplelogin" aria-hidden="true"></i>
                 <span>{{ 'continue_with'|trans }} SimpleLogin</span></a>
         {% endif %}
         {% if this.zitadelEnabled %}