diff --git a/apps/insights/src/components/PriceComponentDrawer/index.tsx b/apps/insights/src/components/PriceComponentDrawer/index.tsx index 349db5aafc..978583745f 100644 --- a/apps/insights/src/components/PriceComponentDrawer/index.tsx +++ b/apps/insights/src/components/PriceComponentDrawer/index.tsx @@ -31,6 +31,7 @@ import { StateType, useData } from "../../hooks/use-data"; import { Cluster, ClusterToName } from "../../services/pyth"; import type { Status } from "../../status"; import { LiveConfidence, LivePrice, LiveComponentValue } from "../LivePrices"; +import { PriceName } from "../PriceName"; import { Score } from "../Score"; import { Status as StatusComponent } from "../Status"; @@ -48,6 +49,7 @@ type Props = { publisherKey: string; symbol: string; displaySymbol: string; + assetClass: string; feedKey: string; score: number | undefined; rank: number | undefined; @@ -63,6 +65,7 @@ export const PriceComponentDrawer = ({ onClose, symbol, displaySymbol, + assetClass, feedKey, score, rank, @@ -135,13 +138,21 @@ export const PriceComponentDrawer = ({
+ Aggregated + + } small stat={} /> + Publisher + + } variant="primary" small stat={ diff --git a/apps/insights/src/components/PriceComponentsCard/index.tsx b/apps/insights/src/components/PriceComponentsCard/index.tsx index f5ba71bed3..6f8406d903 100644 --- a/apps/insights/src/components/PriceComponentsCard/index.tsx +++ b/apps/insights/src/components/PriceComponentsCard/index.tsx @@ -30,6 +30,7 @@ import { EvaluationTime } from "../Explanations"; import { FormattedNumber } from "../FormattedNumber"; import { LivePrice, LiveConfidence, LiveComponentValue } from "../LivePrices"; import { NoResults } from "../NoResults"; +import { PriceName } from "../PriceName"; import rootStyles from "../Root/index.module.scss"; import { Score } from "../Score"; import { Status as StatusComponent } from "../Status"; @@ -45,6 +46,7 @@ type Props = { searchPlaceholder: string; onPriceComponentAction: (component: T) => void; toolbarExtra?: ReactNode; + assetClass?: string | undefined; }; type PriceComponent = { @@ -279,6 +281,7 @@ type PriceComponentsCardProps = Pick< | "label" | "searchPlaceholder" | "toolbarExtra" + | "assetClass" > & ( | { isLoading: true } @@ -369,7 +372,10 @@ export const PriceComponentsCardContents = ({ }, })} items={[ - { id: "prices", children: "Prices" }, + { + id: "prices", + children: , + }, { id: "quality", children: "Quality" }, ]} /> @@ -456,8 +462,9 @@ export const PriceComponentsCardContents = ({ const otherColumns = ({ metricsTime, + assetClass, ...props -}: { metricsTime?: Date | undefined } & ( +}: { metricsTime?: Date | undefined; assetClass?: string | undefined } & ( | { isLoading: true } | { isLoading?: false; showQuality: boolean } )) => { @@ -500,8 +507,8 @@ const otherColumns = ({ DEVIATION SCORE

- Deviation measures how close a publisher{"'"}s price is to - what Pyth believes to be the true market price. + Deviation measures how close a publisher{"'"}s quote is to + what Pyth believes to be the true market quote.

{metricsTime && }