From df6662c4263613d10f730ead0a64a2ac1e4cd2af Mon Sep 17 00:00:00 2001
From: lawvs <18554747+lawvs@users.noreply.github.com>
Date: Tue, 22 Oct 2024 23:37:37 +0800
Subject: [PATCH] chore: update level benefits to include 'coming soon' status
 for new features

---
 .../src/modules/boost/level-benefits.tsx      | 31 +++++++++++--------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/apps/renderer/src/modules/boost/level-benefits.tsx b/apps/renderer/src/modules/boost/level-benefits.tsx
index 57cad8489..6a264b311 100644
--- a/apps/renderer/src/modules/boost/level-benefits.tsx
+++ b/apps/renderer/src/modules/boost/level-benefits.tsx
@@ -4,32 +4,34 @@ const benefits = [
   {
     level: "Lv1",
     benefits: [
-      { icon: "i-mgc-trophy-cute-re", text: "Booster achievement" },
       {
         icon: "i-mgc-certificate-cute-fi",
-        text: "Unique boost badge",
+        text: "Unique boost badge for feed",
       },
-      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time" },
-      { icon: "i-mgc-star-cute-re", text: "Support for feed authors" },
+      { icon: "i-mgc-star-cute-re", text: "Show support for feed authors" },
+      { icon: "i-mgc-trophy-cute-re", text: "Booster achievement", comingSoon: true },
+      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time", comingSoon: true },
     ],
   },
   {
     level: "Lv2",
-    benefits: [{ icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time" }],
+    benefits: [
+      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time", comingSoon: true },
+    ],
   },
   {
     level: "Lv3",
     benefits: [
       { icon: "i-mgc-eye-2-cute-re", text: "More developer attention" },
-      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time" },
+      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time", comingSoon: true },
     ],
   },
   {
     level: "Lv4",
     benefits: [
-      { icon: "i-mgc-magic-2-cute-re", text: "AI summary for feed" },
       { icon: "i-mgc-eye-2-cute-re", text: "More developer attention" },
-      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time" },
+      { icon: "i-mgc-magic-2-cute-re", text: "AI summary for feed", comingSoon: true },
+      { icon: "i-mgc-rocket-cute-re", text: "Faster feed refresh time", comingSoon: true },
     ],
   },
 ]
@@ -56,7 +58,7 @@ const BoostLevel = ({
   benefits,
 }: {
   level: string
-  benefits: { icon?: string; text: string }[]
+  benefits: { icon?: string; text: string; comingSoon?: boolean }[]
 }) => {
   return (
     <li>
@@ -67,10 +69,13 @@ const BoostLevel = ({
           <span className="grow border-t border-gray-300 dark:border-gray-700" />
         </h3>
         <ul className="ml-4 list-inside list-disc space-y-1">
-          {benefits.map((privilege) => (
-            <li key={privilege.text} className="flex items-center text-sm">
-              <i className={cn("mr-2 shrink-0", privilege.icon)} />
-              {privilege.text}
+          {benefits.map((benefit) => (
+            <li key={benefit.text} className="flex items-center text-sm">
+              <i className={cn("mr-2 shrink-0", benefit.icon)} />
+              <span className={cn({ "line-through": benefit.comingSoon })}>{benefit.text}</span>
+              {benefit.comingSoon && (
+                <span className="ml-2 text-xs text-gray-500">(Coming Soon)</span>
+              )}
             </li>
           ))}
         </ul>