feat(known-publishers): add Orca as a known publisher

apps/staking/package.json

@@ -25,6 +25,7 @@
     "@heroicons/react": "^2.1.4",
     "@next/third-parties": "^14.2.5",
     "@pythnetwork/hermes-client": "workspace:*",
+    "@pythnetwork/known-publishers": "workspace:*",
     "@pythnetwork/staking-sdk": "workspace:*",
     "@react-aria/toast": "3.0.0-beta.16",
     "@react-hookz/web": "^24.0.4",

apps/staking/src/api.ts

@@ -1,4 +1,5 @@
 import type { HermesClient, PublisherCaps } from "@pythnetwork/hermes-client";
+import { lookup } from "@pythnetwork/known-publishers";
 import {
   epochToDate,
   extractPublisherData,
@@ -12,8 +13,6 @@ import {
 import { PublicKey } from "@solana/web3.js";
 import { z } from "zod";
 
-import { KNOWN_PUBLISHERS } from "./known-publishers";
-
 const publishersRankingSchema = z
   .object({
     publisher: z.string(),
@@ -49,9 +48,7 @@ type Data = {
   m: bigint;
   z: bigint;
   integrityStakingPublishers: {
-    identity:
-      | (typeof KNOWN_PUBLISHERS)[keyof typeof KNOWN_PUBLISHERS]
-      | undefined;
+    identity: ReturnType<typeof lookup>;
     publicKey: PublicKey;
     stakeAccount: PublicKey | undefined;
     selfStake: bigint;
@@ -270,12 +267,7 @@ const loadPublisherData = async (
 
     return {
       apyHistory,
-      identity: (
-        KNOWN_PUBLISHERS as Record<
-          string,
-          (typeof KNOWN_PUBLISHERS)[keyof typeof KNOWN_PUBLISHERS]
-        >
-      )[publisher.pubkey.toBase58()],
+      identity: lookup(publisher.pubkey.toBase58()),
       numFeeds: numberOfSymbols ?? 0,
       poolCapacity: getPublisherCap(publisherCaps, publisher.pubkey),
       poolUtilization: publisher.totalDelegation,

apps/staking/src/components/OracleIntegrityStaking/index.tsx

@@ -7,6 +7,7 @@ import {
   ChevronDoubleLeftIcon,
   ChevronDoubleRightIcon,
 } from "@heroicons/react/24/outline";
+import type { lookup } from "@pythnetwork/known-publishers";
 import { calculateApy } from "@pythnetwork/staking-sdk";
 import { PublicKey } from "@solana/web3.js";
 import clsx from "clsx";
@@ -21,8 +22,6 @@ import {
   type SetStateAction,
   type HTMLAttributes,
   type FormEvent,
-  type ComponentType,
-  type SVGProps,
 } from "react";
 import { useFilter, useCollator } from "react-aria";
 import {
@@ -1171,12 +1170,7 @@ type PublisherProps = {
   totalStaked: bigint;
   isSelf?: boolean | undefined;
   publisher: {
-    identity:
-      | {
-          name: string;
-          icon: ComponentType<SVGProps<SVGSVGElement>>;
-        }
-      | undefined;
+    identity: ReturnType<typeof lookup>;
     publicKey: PublicKey;
     stakeAccount: PublicKey | undefined;
     selfStake: bigint;
@@ -1723,7 +1717,7 @@ const PublisherIdentity = ({
   props.children.identity ? (
     <span className={clsx(className, withNameClassName)}>
       <span>
-        {createElement(props.children.identity.icon, {
+        {createElement(props.children.identity.icon.monochrome, {
           className: "mr-2 inline-block h-[20px] align-sub",
         })}
         <span className="mr-[0.5em]">{props.children.identity.name}</span>