Merge pull request #2445 from pyth-network/devin/1741234702-update-featured-card

feat(insights): update Recently Added card to Featured

Author: cprussin

apps/insights/src/components/PriceFeeds/index.tsx

@@ -2,7 +2,7 @@ import { ArrowLineDown } from "@phosphor-icons/react/dist/ssr/ArrowLineDown";
 import { ArrowSquareOut } from "@phosphor-icons/react/dist/ssr/ArrowSquareOut";
 import { ArrowsOutSimple } from "@phosphor-icons/react/dist/ssr/ArrowsOutSimple";
 import { ClockCountdown } from "@phosphor-icons/react/dist/ssr/ClockCountdown";
-import { StackPlus } from "@phosphor-icons/react/dist/ssr/StackPlus";
+import { Star } from "@phosphor-icons/react/dist/ssr/Star";
 import { Badge } from "@pythnetwork/component-library/Badge";
 import { Button } from "@pythnetwork/component-library/Button";
 import {
@@ -48,9 +48,9 @@ export const PriceFeeds = async () => {
         !priceFeedsStaticConfig.featuredComingSoon.includes(symbol),
     ),
   ].slice(0, 6);
-  const featuredRecentlyAdded = filterFeeds(
+  const featuredFeeds = filterFeeds(
     priceFeeds.activeFeeds,
-    priceFeedsStaticConfig.featuredRecentlyAdded,
+    priceFeedsStaticConfig.featuredFeeds,
   );
 
   return (
@@ -87,7 +87,7 @@ export const PriceFeeds = async () => {
         <FeaturedFeeds
           allComingSoon={priceFeeds.comingSoon}
           featuredComingSoon={featuredComingSoon.slice(0, 5)}
-          featuredRecentlyAdded={featuredRecentlyAdded.slice(0, 5)}
+          featuredFeeds={featuredFeeds.slice(0, 5)}
         />
         <PriceFeedsCard
           id={PRICE_FEEDS_ANCHOR}
@@ -120,7 +120,7 @@ export const PriceFeeds = async () => {
           <FeaturedFeeds
             allComingSoon={priceFeeds.comingSoon}
             featuredComingSoon={featuredComingSoon}
-            featuredRecentlyAdded={featuredRecentlyAdded}
+            featuredFeeds={featuredFeeds}
           />
         </UnstyledTabPanel>
       </UnstyledTabs>
@@ -129,29 +129,29 @@ export const PriceFeeds = async () => {
 };
 
 type FeaturedFeedsProps = {
-  featuredRecentlyAdded: FeaturedFeed[];
+  featuredFeeds: FeaturedFeed[];
   featuredComingSoon: FeaturedFeed[];
   allComingSoon: { symbol: string }[];
 };
 
 const FeaturedFeeds = ({
-  featuredRecentlyAdded,
+  featuredFeeds,
   featuredComingSoon,
   allComingSoon,
 }: FeaturedFeedsProps) => (
   <>
     <YesterdaysPricesProvider
       feeds={Object.fromEntries(
-        featuredRecentlyAdded.map(({ symbol, product }) => [
+        featuredFeeds.map(({ symbol, product }) => [
           symbol,
           product.price_account,
         ]),
       )}
     >
       <FeaturedFeedsCard
-        title="Recently Added"
-        icon={<StackPlus />}
-        feeds={featuredRecentlyAdded}
+        title="Featured"
+        icon={<Star />}
+        feeds={featuredFeeds}
         showPrices
         linkFeeds
       />

apps/insights/src/static-data/price-feeds.tsx

@@ -1,12 +1,12 @@
 export const priceFeeds = {
   updateFrequency: "400ms",
-  featuredRecentlyAdded: [
-    "Crypto.PYTH/USD",
-    "FX.EUR/USD",
-    "Equity.US.NFLX/USD",
-    "Commodities.WTI1M",
-    "Crypto.1INCH/USD",
-    "Equity.US.META/USD",
+  featuredFeeds: [
+    "Crypto.ARC/USD",
+    "Crypto.CDXUSD/USD",
+    "Equity.GB.CSPX/USD",
+    "Crypto.MSUSD/USD",
+    "Crypto.WSTHYPE/STHYPE.RR",
+    "Crypto.YNETHX/WETH.RR",
   ],
   featuredComingSoon: ["Rates.US1Y"],
 };