From a152c89d7f0e1efba35374d659de8f959f7a73d4 Mon Sep 17 00:00:00 2001
From: Moyasee <terranoiz@icloud.com>
Date: Fri, 12 Dec 2025 20:42:54 +0200
Subject: [PATCH] feat(profile): update Wrapped 2025 button and add new
 gradient style

---
 src/locales/en/translation.json               |  4 +--
 .../profile/profile-hero/profile-hero.scss    | 30 +++++++++++++++++++
 .../profile/profile-hero/profile-hero.tsx     |  6 ++--
 3 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
index bc6f45ee..cf15c138 100755
--- a/src/locales/en/translation.json
+++ b/src/locales/en/translation.json
@@ -717,9 +717,7 @@
     "delete_review": "Delete Review",
     "loading_reviews": "Loading reviews...",
     "wrapped_2025": "Wrapped 2025",
-    "view_wrapped_title": "View {{displayName}}'s Wrapped 2025?",
-    "view_wrapped_yes": "Yes",
-    "view_wrapped_no": "No"
+    "view_wrapped_button": "View {{displayName}}'s Wrapped 2025"
   },
   "library": {
     "library": "Library",
diff --git a/src/renderer/src/pages/profile/profile-hero/profile-hero.scss b/src/renderer/src/pages/profile/profile-hero/profile-hero.scss
index cda6b0d1..6ceeca1a 100644
--- a/src/renderer/src/pages/profile/profile-hero/profile-hero.scss
+++ b/src/renderer/src/pages/profile/profile-hero/profile-hero.scss
@@ -136,5 +136,35 @@
     &--outline {
       border-color: globals.$body-color;
     }
+
+    &--wrapped {
+      background: linear-gradient(
+        120deg,
+        #2A57FF 0%,
+        #2951E6 11%,
+        #2F5BFF 16%,
+        #2C56E8 29%,
+        #244ACC 34%,
+        #2245C2 40%,
+        #3A6BFF 45%,
+        #3766F2 50%,
+        #2444B8 56%,
+        #122A73 82%,
+        #2348B3 86%,
+        #1F429E 87%,
+        #10286A 93%,
+        #0E2A63 100%
+      );
+      background-color: #2A57FF;
+      background-size: 105% 100%;
+      background-position: 100% 50%;
+      border: none;
+      color: white;
+      transition: background-position 0.4s ease;
+
+      &:hover {
+        background-position: 0% 50%;
+      }
+    }
   }
 }
diff --git a/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx b/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx
index b54e7114..31f6387e 100644
--- a/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx
+++ b/src/renderer/src/pages/profile/profile-hero/profile-hero.tsx
@@ -394,10 +394,12 @@ export function ProfileHero() {
               <Button
                 theme="outline"
                 onClick={() => setShowWrappedModal(true)}
-                className="profile-hero__button--outline"
+                className="profile-hero__button--wrapped"
               >
                 <TrophyIcon />
-                {t("wrapped_2025")}
+                {t("view_wrapped_button", {
+                  displayName: userProfile.displayName,
+                })}
               </Button>
             </div>
           )}