Optimize payload size for price feeds pages

Author: cprussin

apps/insights/src/app/layout.ts

@@ -1,4 +1,5 @@
 export { Root as default } from "../components/Root";
 export { metadata, viewport } from "../metadata";
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/layout.ts

@@ -6,4 +6,5 @@ export const metadata: Metadata = {
   title: "Price Feeds",
 };
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/page.ts

@@ -1,3 +1,4 @@
 export { ChartPage as default } from "../../../components/PriceFeed/chart-page";
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/price-feeds/[slug]/publishers/page.tsx

@@ -1,3 +1,4 @@
 export { Publishers as default } from "../../../../components/PriceFeed/publishers";
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/price-feeds/page.ts

@@ -6,4 +6,5 @@ export const metadata: Metadata = {
   title: "Price Feeds",
 };
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/publishers/[key]/layout.ts

@@ -6,4 +6,5 @@ export const metadata: Metadata = {
   title: "Publishers",
 };
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/publishers/[key]/page.ts

@@ -1,3 +1,4 @@
 export { Performance as default } from "../../../components/Publisher/performance";
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/publishers/[key]/price-feeds/page.ts

@@ -1,3 +1,4 @@
 export { PriceFeeds as default } from "../../../../components/Publisher/price-feeds";
 
+export const dynamic = "error";
 export const revalidate = 3600;

apps/insights/src/app/publishers/page.ts

@@ -6,4 +6,5 @@ export const metadata: Metadata = {
   title: "Publishers",
 };
 
+export const dynamic = "error";
 export const revalidate = 3600;

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

@@ -0,0 +1,29 @@
+import { Badge } from "@pythnetwork/component-library/Badge";
+import type { ComponentProps } from "react";
+
+import { usePriceFeeds } from "../../hooks/use-price-feeds";
+
+type Props = ComponentProps<typeof Badge> & {
+  symbol: string;
+};
+
+export const AssetClassTag = ({ symbol }: Props) => {
+  const feed = usePriceFeeds().get(symbol);
+
+  if (feed) {
+    return (
+      <Badge variant="neutral" style="outline" size="xs">
+        {feed.assetClass.toUpperCase()}
+      </Badge>
+    );
+  } else {
+    throw new NoSuchFeedError(symbol);
+  }
+};
+
+class NoSuchFeedError extends Error {
+  constructor(symbol: string) {
+    super(`No feed exists named ${symbol}`);
+    this.name = "NoSuchFeedError";
+  }
+}