From 51f0ecbfc10828da62af68d9091719570fa0632a Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 2 Mar 2025 17:03:11 +0100
Subject: [PATCH] Feature/add LinkedIn page to about page and footer (#4378)

* Add LinkedIn page

* Update changelog
---
 CHANGELOG.md                                  |  5 +++++
 apps/client/src/app/app.component.html        |  9 +++++++++
 .../about/overview/about-overview-page.html   | 20 +++++++++++++------
 3 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 292232754..a8d30ab33 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the Ghostfolio _LinkedIn_ page to the about page
+- Added the Ghostfolio _LinkedIn_ page to the footer
+
 ### Changed
 
 - Optimized the asynchronous operations using `Promise.all()` in the portfolio service (`getPerformance`)
diff --git a/apps/client/src/app/app.component.html b/apps/client/src/app/app.component.html
index c6734d1b4..ab188dfcb 100644
--- a/apps/client/src/app/app.component.html
+++ b/apps/client/src/app/app.component.html
@@ -129,6 +129,15 @@
                 >GitHub<ion-icon class="ml-1" name="open-outline"
               /></a>
             </li>
+            <li>
+              <a
+                class="align-items-baseline d-flex"
+                href="https://linkedin.com/company/ghostfolio"
+                target="_blank"
+                title="Follow Ghostfolio on LinkedIn"
+                >LinkedIn<ion-icon class="ml-1" name="open-outline"
+              /></a>
+            </li>
             <li>
               <a
                 class="align-items-baseline d-flex"
diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.html b/apps/client/src/app/pages/about/overview/about-overview-page.html
index 4d8ba9aa0..3891f929d 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.html
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.html
@@ -73,6 +73,14 @@
           >.
         </p>
         <p class="align-items-center d-flex justify-content-center">
+          <a
+            class="mx-2"
+            href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+            mat-icon-button
+            title="Join the Ghostfolio Slack community"
+          >
+            <ion-icon name="logo-slack" />
+          </a>
           <a
             class="mx-2"
             href="https://x.com/ghostfolio_"
@@ -93,19 +101,19 @@
           }
           <a
             class="mx-2"
-            href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+            href="https://github.com/ghostfolio/ghostfolio"
             mat-icon-button
-            title="Join the Ghostfolio Slack community"
+            title="Find Ghostfolio on GitHub"
           >
-            <ion-icon name="logo-slack" />
+            <ion-icon name="logo-github" />
           </a>
           <a
             class="mx-2"
-            href="https://github.com/ghostfolio/ghostfolio"
+            href="https://linkedin.com/company/ghostfolio"
             mat-icon-button
-            title="Find Ghostfolio on GitHub"
+            title="Follow Ghostfolio on LinkedIn"
           >
-            <ion-icon name="logo-github" />
+            <ion-icon name="logo-linkedin" />
           </a>
         </p>
         @if (hasPermissionForSubscription) {