From d00d7ac1ddacc1b913356ceeca28c89c596e63ee Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 29 Sep 2024 19:27:02 +0200
Subject: [PATCH] Feature/add support for archived product page (#3843)

* Add support for archived product page
---
 .../resources/personal-finance-tools/product-page.html      | 5 +++++
 .../resources/personal-finance-tools/product-page.scss      | 6 ++++--
 libs/common/src/lib/interfaces/product.ts                   | 1 +
 libs/common/src/lib/personal-finance-tools.ts               | 4 ++++
 4 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
index 12810168d..3c5c97558 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.html
@@ -9,6 +9,11 @@
             >&nbsp;<strong>{{ product2.name }}</strong>
           </h1>
         </div>
+        @if (product2.isArchived) {
+          <div class="info-container my-4 p-2 rounded text-center text-muted">
+            <ng-container i18n>This page has been archived.</ng-container>
+          </div>
+        }
         <section class="mb-4">
           <p i18n>
             Are you looking for an open source alternative to
diff --git a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.scss b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.scss
index 670cde9a6..d8ebd40df 100644
--- a/apps/client/src/app/pages/resources/personal-finance-tools/product-page.scss
+++ b/apps/client/src/app/pages/resources/personal-finance-tools/product-page.scss
@@ -11,7 +11,8 @@
     }
   }
 
-  .call-to-action {
+  .call-to-action,
+  .info-container {
     background-color: rgba(var(--palette-foreground-text), 0.02);
   }
 }
@@ -19,7 +20,8 @@
 :host-context(.theme-dark) {
   color: rgb(var(--light-primary-text));
 
-  .call-to-action {
+  .call-to-action,
+  .info-container {
     background-color: rgba(var(--palette-foreground-text-dark), 0.02);
   }
 }
diff --git a/libs/common/src/lib/interfaces/product.ts b/libs/common/src/lib/interfaces/product.ts
index c00253b3d..5ef023ff8 100644
--- a/libs/common/src/lib/interfaces/product.ts
+++ b/libs/common/src/lib/interfaces/product.ts
@@ -3,6 +3,7 @@ export interface Product {
   founded?: number;
   hasFreePlan?: boolean;
   hasSelfHostingAbility?: boolean;
+  isArchived?: boolean;
   isOpenSource?: boolean;
   key: string;
   languages?: string[];
diff --git a/libs/common/src/lib/personal-finance-tools.ts b/libs/common/src/lib/personal-finance-tools.ts
index 85fe737d0..b5aeed19d 100644
--- a/libs/common/src/lib/personal-finance-tools.ts
+++ b/libs/common/src/lib/personal-finance-tools.ts
@@ -369,6 +369,7 @@ export const personalFinanceTools: Product[] = [
   {
     founded: 2021,
     hasSelfHostingAbility: false,
+    isArchived: true,
     key: 'maybe-finance',
     languages: ['English'],
     name: 'Maybe Finance',
@@ -678,10 +679,13 @@ export const personalFinanceTools: Product[] = [
     slogan: 'Make Smarter Investments'
   },
   {
+    founded: 2024,
     hasSelfHostingAbility: true,
+    isArchived: true,
     key: 'wealthfolio',
     languages: ['English'],
     name: 'Wealthfolio',
+    origin: 'Canada',
     slogan: 'Desktop Investment Tracker'
   },
   {