From 2492cb8437e9e9d47ea11b04d6b85df86333cc72 Mon Sep 17 00:00:00 2001
From: Mathieu Hermann <mathieu.he@gmail.com>
Date: Sun, 29 Dec 2024 21:39:30 +0100
Subject: [PATCH] feat(profile): add premium upgrade button to profile

---
 package.json                                 | 2 +-
 src/app/pages/profile/profile.component.html | 4 ++++
 src/app/pages/profile/profile.component.scss | 1 +
 yarn.lock                                    | 8 ++++----
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4b01570..2aef0af 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@angular/service-worker": "^19.0.5",
     "date-fns": "4.1.0",
     "dexie": "^4.0.9",
-    "excalibur": "0.30.1",
+    "excalibur": "0.30.2",
     "pocketbase": "0.22.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
diff --git a/src/app/pages/profile/profile.component.html b/src/app/pages/profile/profile.component.html
index 700c08e..b78c9c0 100644
--- a/src/app/pages/profile/profile.component.html
+++ b/src/app/pages/profile/profile.component.html
@@ -9,6 +9,10 @@
         <div class="name">{{ user?.name }}</div>
         <div class="account-badge">{{ user?.premium ? 'Premium rider' : 'Standard rider' }}</div>
     </div>
+    @if(!user?.premium) {
+        <button class="retro-button" disabled>Upgrade to premium</button>
+        <div class="retro-text secondary">Profile upgrade will soon be available to all riders</div>
+    }
 </div>
 <div class="retro-footer">
     <button class="retro-button" (click)="logout()">
diff --git a/src/app/pages/profile/profile.component.scss b/src/app/pages/profile/profile.component.scss
index 6be0817..62c3cc4 100644
--- a/src/app/pages/profile/profile.component.scss
+++ b/src/app/pages/profile/profile.component.scss
@@ -14,6 +14,7 @@
         color: var(--color-primary);
         align-items: center;
         border-radius: var(--border-radius-large);  
+        margin-bottom: 1rem;
 
         &.premium {
             color: var(--color-tertiary);
diff --git a/yarn.lock b/yarn.lock
index 1a97e12..f8a3f11 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3650,10 +3650,10 @@ events@^3.2.0:
   resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-excalibur@0.30.1:
-  version "0.30.1"
-  resolved "https://registry.yarnpkg.com/excalibur/-/excalibur-0.30.1.tgz#7ada8c74062a4a418571cb54c883c44e18c09d44"
-  integrity sha512-M/dvK74jZGNcb54rBWnIBDxuVCjOMlzgUfeVjvMz/iHP7q/OAKdimle0metUJ2BnyupG2ASR5lGtndGTOSSjjw==
+excalibur@0.30.2:
+  version "0.30.2"
+  resolved "https://registry.yarnpkg.com/excalibur/-/excalibur-0.30.2.tgz#51bdb57621317409ab573c55cae0aa10c2ced793"
+  integrity sha512-wovkbyvsNWxJKg6wKMnuSK3Uj2J69HSaKBlKxkWOVfViVxa1kRsUuqYp7dBz38277BVfNoUmvewq2nDp1oKluA==
 
 exponential-backoff@^3.1.1:
   version "3.1.1"