⚡ [FEAT]: Add swicth in Settings to enable/disable MarketPerformanceW…

…idget

.changeset/long-forks-sell.md

@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Add swith in Settings to enable/disable MArketPerformanceWidget"

apps/ledger-live-desktop/src/renderer/screens/settings/sections/General/MarketPerformanceWidget.tsx

@@ -0,0 +1,28 @@
+import React from "react";
+import Switch from "~/renderer/components/Switch";
+import { useFeatureFlags } from "@ledgerhq/live-common/featureFlags/index";
+import Track from "~/renderer/analytics/Track";
+const MarketPerformanceWidgetRow = () => {
+  const featureFlagsProvider = useFeatureFlags();
+
+  const currentValue = Boolean(
+    featureFlagsProvider.getFeature("marketperformanceWidgetDesktop")?.enabled,
+  );
+
+  const update = (value: boolean) => {
+    featureFlagsProvider.overrideFeature("marketperformanceWidgetDesktop", { enabled: value });
+  };
+
+  return (
+    <>
+      <Track
+        onUpdate
+        event={
+          currentValue ? "MarketPerformanceWidgetEnabled" : "MarketPerformanceWidgetRowDisabled"
+        }
+      />
+      <Switch isChecked={currentValue} onChange={() => update(!currentValue)} />
+    </>
+  );
+};
+export default MarketPerformanceWidgetRow;

apps/ledger-live-desktop/src/renderer/screens/settings/sections/General/index.tsx

@@ -17,6 +17,7 @@ import ShareAnalyticsButtonFF from "./ShareAnalyticsButtonFF";
 import { hasPasswordSelector } from "~/renderer/reducers/application";
 import { useInitSupportedCounterValues } from "~/renderer/hooks/useInitSupportedCounterValues";
 import { FeatureToggle, useFeature } from "@ledgerhq/live-common/featureFlags/index";
+import MarketPerformanceWidgetRow from "./MarketPerformanceWidget";
 
 const SectionGeneral = () => {
   const hasPassword = useSelector(hasPasswordSelector);
@@ -66,6 +67,14 @@ const SectionGeneral = () => {
           </Row>
         </FeatureToggle>
 
+        <Row
+          title={t("settings.display.marketPerformanceWidget")}
+          desc={t("settings.display.marketPerformanceWidgetDesc")}
+          dataTestId="setting-marketPerformanceWidget"
+        >
+          <MarketPerformanceWidgetRow />
+        </Row>
+
         <Row title={t("settings.profile.password")} desc={t("settings.profile.passwordDesc")}>
           <PasswordButton />
         </Row>

apps/ledger-live-desktop/static/i18n/en/app.json

@@ -3990,7 +3990,9 @@
       "stock": "Regional market indicator",
       "stockDesc": "Choose Western to display market increases in blue or Eastern to display them in red.",
       "walletSync": "Wallet Sync",
-      "walletSyncDesc": "Backup your app data and synchronize multiple Ledger Live instances."
+      "walletSyncDesc": "Backup your app data and synchronize multiple Ledger Live instances.",
+      "marketPerformanceWidget": "Market Performance Widget",
+      "marketPerformanceWidgetDesc": "Enable this feature to view the top gainers and losers over selected timeframes on the portfolio page."
     },
     "developer": {
       "search": "Search",