From 49d3ae6238ac33f72a790b558356f3828961180e Mon Sep 17 00:00:00 2001
From: Miguel Cabrerizo <30386061+doncicuto@users.noreply.github.com>
Date: Tue, 7 Nov 2023 11:43:29 +0100
Subject: [PATCH] feat(console): replace twitter bird with X (#6843)

feat(console): replace blue bird with X

Co-authored-by: Elio Bischof <elio@zitadel.com>
---
 console/package.json                          |  3 +++
 .../app/modules/footer/footer.component.html  |  2 +-
 .../app/modules/footer/footer.component.ts    |  2 ++
 .../src/app/modules/footer/footer.module.ts   |  3 ++-
 console/yarn.lock                             | 26 +++++++++++++++++++
 5 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/console/package.json b/console/package.json
index 5819fdd77a..a44515b853 100644
--- a/console/package.json
+++ b/console/package.json
@@ -25,6 +25,9 @@
     "@angular/router": "^16.2.5",
     "@angular/service-worker": "^16.2.5",
     "@ctrl/ngx-codemirror": "^6.1.0",
+    "@fortawesome/angular-fontawesome": "^0.13.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
     "@grpc/grpc-js": "^1.9.3",
     "@ngx-translate/core": "^14.0.0",
     "angular-oauth2-oidc": "^15.0.1",
diff --git a/console/src/app/modules/footer/footer.component.html b/console/src/app/modules/footer/footer.component.html
index a1eb6bf92a..fdf2924441 100644
--- a/console/src/app/modules/footer/footer.component.html
+++ b/console/src/app/modules/footer/footer.component.html
@@ -17,7 +17,7 @@
           <i class="text-3xl lab la-github"></i>
         </a>
         <a target="_blank" rel="noreferrer" href="https://twitter.com/zitadel">
-          <i class="text-3xl lab la-twitter"></i>
+          <fa-icon [icon]="faXTwitter" size="xl"></fa-icon>
         </a>
         <a target="_blank" rel="noreferrer" href="https://www.linkedin.com/company/zitadel/">
           <i class="text-3xl lab la-linkedin"></i>
diff --git a/console/src/app/modules/footer/footer.component.ts b/console/src/app/modules/footer/footer.component.ts
index b0fa971b08..f7d1a3a148 100644
--- a/console/src/app/modules/footer/footer.component.ts
+++ b/console/src/app/modules/footer/footer.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { PrivacyPolicy } from 'src/app/proto/generated/zitadel/policy_pb';
 import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
+import { faXTwitter } from '@fortawesome/free-brands-svg-icons';
 
 @Component({
   selector: 'cnsl-footer',
@@ -9,6 +10,7 @@ import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
 })
 export class FooterComponent implements OnInit {
   public policy?: PrivacyPolicy.AsObject;
+  public faXTwitter = faXTwitter;
   constructor(public authService: GrpcAuthService) {}
 
   ngOnInit(): void {
diff --git a/console/src/app/modules/footer/footer.module.ts b/console/src/app/modules/footer/footer.module.ts
index f0dae8caa0..075e912159 100644
--- a/console/src/app/modules/footer/footer.module.ts
+++ b/console/src/app/modules/footer/footer.module.ts
@@ -4,10 +4,11 @@ import { TranslateModule } from '@ngx-translate/core';
 
 import { ThemeSettingModule } from '../theme-setting/theme-setting.module';
 import { FooterComponent } from './footer.component';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 @NgModule({
   declarations: [FooterComponent],
-  imports: [CommonModule, TranslateModule, ThemeSettingModule],
+  imports: [CommonModule, TranslateModule, ThemeSettingModule, FontAwesomeModule],
   exports: [FooterComponent],
 })
 export class FooterModule {}
diff --git a/console/yarn.lock b/console/yarn.lock
index ccbfc06e1b..56676bca0a 100644
--- a/console/yarn.lock
+++ b/console/yarn.lock
@@ -2047,6 +2047,32 @@
   resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.50.0.tgz#9e93b850f0f3fa35f5fa59adfd03adae8488e484"
   integrity sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==
 
+"@fortawesome/angular-fontawesome@^0.13.0":
+  version "0.13.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/angular-fontawesome/-/angular-fontawesome-0.13.0.tgz#3e343ff5ea62934cb0309a52bbf732adecf216fc"
+  integrity sha512-gzSPRdveOXNO7NIiMgTyB46aiHG0i98KinnAEqHXi8qzraM/kCcHn/0y3f4MhemX6kftwsFli0IU8RyHmtXlSQ==
+  dependencies:
+    tslib "^2.4.1"
+
+"@fortawesome/fontawesome-common-types@6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz#1766039cad33f8ad87f9467b98e0d18fbc8f01c5"
+  integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
+
+"@fortawesome/fontawesome-svg-core@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz#37f4507d5ec645c8b50df6db14eced32a6f9be09"
+  integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-brands-svg-icons@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz#9b8e78066ea6dd563da5dfa686615791d0f7cc71"
+  integrity sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz"