瀏覽代碼

fix(developer-hub): remove diagonal arrows from external links in navigation

- Remove diagonal arrows (↗) from external link menu items in meta.json files
- Update IntegrationCard component to not show arrow for external links
- External links now indicated by icon before the link instead of arrow at end

Co-Authored-By: Jayant <jayantkrishnamurthy@gmail.com>
Devin AI 1 天之前
父節點
當前提交
924f710310

+ 1 - 1
apps/developer-hub/content/docs/price-feeds/core/meta.json

@@ -26,7 +26,7 @@
     "api-instances-and-providers",
     "contract-addresses",
     "pythnet-reference",
-    "[Example Applications \u2197](https://github.com/pyth-network/pyth-examples/tree/main/price_feeds)",
+    "[Example Applications](https://github.com/pyth-network/pyth-examples/tree/main/price_feeds)",
     "---Understanding Pyth---",
     "pull-updates",
     "why-update-prices",

+ 2 - 2
apps/developer-hub/content/docs/price-feeds/pro/meta.json

@@ -9,8 +9,8 @@
     "---Reference Material---",
     "price-feed-ids",
     "payload-reference",
-    "[Websocket API Reference](https://pyth-lazer.dourolabs.app/docs)",
-    "[Example Applications](https://github.com/pyth-network/pyth-examples/tree/main/lazer)",
+    "[Websocket API Reference](https://pyth-lazer.dourolabs.app/docs)",
+    "[Example Applications](https://github.com/pyth-network/pyth-examples/tree/main/lazer)",
     "---Understanding Pyth Pro---",
     "how-lazer-works"
   ]

+ 3 - 2
apps/developer-hub/src/components/IntegrationCard/index.tsx

@@ -20,8 +20,9 @@ export function IntegrationCard({
   description,
   colorScheme = "blue",
   external,
-  showArrow = true,
+  showArrow,
 }: IntegrationCardProps) {
+  const shouldShowArrow = showArrow ?? !external;
   const commonProps = {
     href,
     className: clsx(styles.card, "group"),
@@ -35,7 +36,7 @@ export function IntegrationCard({
           <div className={clsx(styles.icon, styles[colorScheme])}>{icon}</div>
         </div>
         <h3 className={clsx(styles.title, styles[colorScheme])}>{title}</h3>
-        {showArrow && (
+        {shouldShowArrow && (
           <span className={styles.arrow} aria-hidden="true">
           </span>