From 7f9912ae460e8ad2e03e261860f61a3fcd58ae02 Mon Sep 17 00:00:00 2001
From: sheykei <clement4saunier@gmail.com>
Date: Mon, 11 Nov 2024 15:46:59 +0100
Subject: [PATCH] cleanup: unsued files

---
 .../_merkl.action.$action.(opportunities).tsx | 11 +--
 .../_merkl.chain.$id.(opportunities).tsx      | 13 +--
 app/routes/_merkl.chain.$id.tsx               | 26 +-----
 ...pportunity.$chain.$type.$id.(overview).tsx | 14 ++--
 .../_merkl.opportunity.$chain.$type.$id.tsx   | 15 ++--
 .../_merkl.protocol.$id.(opportunities).tsx   |  9 ++-
 .../_merkl.status.$status.(opportunities).tsx | 10 ++-
 .../_merkl.token.$symbol.(opportunities).tsx  | 10 ++-
 packages/dappkit                              |  2 +-
 src/components/composite/Faq.tsx              | 58 --------------
 src/components/element/Tag.tsx                |  3 +-
 .../opportunity/OpportunityFilters.tsx        | 21 ++---
 .../opportunity/OpportunityLibrary.tsx        |  7 +-
 src/config/chains.ts                          | 79 -------------------
 src/context/tokens.context.ts                 | 21 -----
 src/hooks/resources/useOpportunity.tsx        |  3 +-
 16 files changed, 70 insertions(+), 232 deletions(-)
 delete mode 100644 src/components/composite/Faq.tsx
 delete mode 100644 src/config/chains.ts
 delete mode 100644 src/context/tokens.context.ts

diff --git a/app/routes/_merkl.action.$action.(opportunities).tsx b/app/routes/_merkl.action.$action.(opportunities).tsx
index a747b8e1..04267dcd 100644
--- a/app/routes/_merkl.action.$action.(opportunities).tsx
+++ b/app/routes/_merkl.action.$action.(opportunities).tsx
@@ -1,7 +1,7 @@
-import { Opportunity } from "@angleprotocol/merkl-api";
 import { type LoaderFunctionArgs, json } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Space } from "dappkit";
+import { api } from "src/api";
 import { fetchOpportunities } from "src/api/opportunity/opportunity";
 import OpportunityLibrary from "src/components/element/opportunity/OpportunityLibrary";
 import { getAction } from "src/config/actions";
@@ -12,19 +12,20 @@ export async function loader({ params: { action: _action }, request }: LoaderFun
   if (!action) throw new Error("Unknown action");
 
   const { data: opportunities, ...res } = await fetchOpportunities(request, { action });
+  const { data: chains } = await api.v4.chain.get({ query: {}});
 
-  if (!opportunities) throw new Error("Unknown opportunity");
+  if (!opportunities || !chains) throw new Error("Unknown opportunity");
 
-  return json({ opportunities });
+  return json({ opportunities, chains});
 }
 
 export default function Index() {
-  const { opportunities } = useLoaderData<typeof loader>();
+  const { opportunities, chains } = useLoaderData<typeof loader>();
 
   return (
     <>
       <Space size="md" />
-      <OpportunityLibrary exclude={["action"]} opportunities={opportunities.filter(o => o)} />
+      <OpportunityLibrary exclude={["action"]} opportunities={opportunities.filter(o => o)} chains={chains}/>
     </>
   );
 }
diff --git a/app/routes/_merkl.chain.$id.(opportunities).tsx b/app/routes/_merkl.chain.$id.(opportunities).tsx
index a36a80bb..6daa7ebe 100644
--- a/app/routes/_merkl.chain.$id.(opportunities).tsx
+++ b/app/routes/_merkl.chain.$id.(opportunities).tsx
@@ -1,16 +1,19 @@
 import { type LoaderFunctionArgs, json } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Space } from "dappkit";
+import { api } from "src/api";
 import { fetchOpportunities } from "src/api/opportunity/opportunity";
 import OpportunityLibrary from "src/components/element/opportunity/OpportunityLibrary";
-import { getChainId } from "src/config/chains";
-
-export async function loader({ params: { id }, request }: LoaderFunctionArgs) {
-  const chainId = getChainId(id ?? "");
 
+export async function loader({ params: { id: chainId }, request }: LoaderFunctionArgs) {
   if (!chainId) throw new Error("Unsupported Chain");
+  
+  const { data: chains } = await api.v4.chain.get({ query: { search: chainId } });
+  const chain = chains?.[0];
+
+  if (!chain) throw "";
 
-  const { data: opportunities, ...res } = await fetchOpportunities(request, { chainId: chainId?.toString() });
+  const { data: opportunities, ...res } = await fetchOpportunities(request, { chainId: chain.id.toString() });
 
   return json({ opportunities });
 }
diff --git a/app/routes/_merkl.chain.$id.tsx b/app/routes/_merkl.chain.$id.tsx
index 8ec52cd4..e2088d3b 100644
--- a/app/routes/_merkl.chain.$id.tsx
+++ b/app/routes/_merkl.chain.$id.tsx
@@ -1,11 +1,9 @@
 import { type LoaderFunctionArgs, json } from "@remix-run/node";
 import { Outlet, useLoaderData, useNavigate, useRouteError } from "@remix-run/react";
-import { Group, Icon, Select, Title } from "dappkit";
+import { Group, Title } from "dappkit";
 import { Container } from "dappkit";
-import { type ReactNode, useMemo } from "react";
 import { api } from "src/api";
 import Heading from "src/components/composite/Heading";
-import { type ChainId, chains } from "src/config/chains";
 
 export async function loader({ params: { id } }: LoaderFunctionArgs) {
   const { data: chains } = await api.v4.chain.get({ query: { search: id } });
@@ -43,33 +41,13 @@ export function ErrorBoundary() {
   const error = useRouteError();
   const navigate = useNavigate();
 
-  const networks = useMemo(() => {
-    const a = Object.keys(chains);
-    return Object.entries(chains).reduce(
-      (supported, [chainId, chain]) => {
-        supported[chainId] = (
-          <Group>
-            <Icon size="sm" chain={chainId} />
-            {chain.label}
-          </Group>
-        );
-        return supported;
-      },
-      {} as { [C in ChainId]?: ReactNode },
-    );
-  }, []);
-
   return (
     <>
       <Group className="mx-auto my-auto flex-col p-xl*2 [&>*]:text-center max-w-fit justify-center">
         <Title h={3}>{error?.message ?? "Error"}</Title>
         {/* <Text h={3}>We don't support this chain</Text> */}
         <div>
-          <Select
-            state={[undefined, c => navigate(`/chain/${chains?.[c]?.label}`)]}
-            placeholder="Supported Chains"
-            options={networks}
-          />
+
         </div>
       </Group>
     </>
diff --git a/app/routes/_merkl.opportunity.$chain.$type.$id.(overview).tsx b/app/routes/_merkl.opportunity.$chain.$type.$id.(overview).tsx
index be2b3499..bbb80578 100644
--- a/app/routes/_merkl.opportunity.$chain.$type.$id.(overview).tsx
+++ b/app/routes/_merkl.opportunity.$chain.$type.$id.(overview).tsx
@@ -6,16 +6,18 @@ import { Space } from "packages/dappkit/src";
 import { api } from "src/api";
 import CampaignLibrary from "src/components/element/campaign/CampaignLibrary";
 import Participate from "src/components/element/participate/Participate";
-import { getChainId } from "src/config/chains";
 import useOpportunity from "src/hooks/resources/useOpportunity";
 
-export async function loader({ params: { id, type, chain } }: LoaderFunctionArgs) {
-  const chainId = getChainId(chain ?? "");
-
+export async function loader({ params: { id, type, chain: chainId } }: LoaderFunctionArgs) {
   if (!chainId || !id || !type) throw "";
+  
+  const { data: chains } = await api.v4.chain.get({ query: { search: id } });
+  const chain = chains?.[0];
+
+  if (!chain) throw "";
 
-  const { data: opportunity, ...res } = await api.v4.opportunity({ chainId })({ type })({ id }).get();
-  const { data: campaigns } = await api.v4.campaign.opportunity({ chainId })({ type })({ id }).get();
+  const { data: opportunity, ...res } = await api.v4.opportunity({ chainId: chain.id })({ type })({ id }).get();
+  const { data: campaigns } = await api.v4.campaign.opportunity({ chainId: chain.id })({ type })({ id }).get();
 
   if (!opportunity || !campaigns) throw "";
 
diff --git a/app/routes/_merkl.opportunity.$chain.$type.$id.tsx b/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
index 725a7197..d909ecab 100644
--- a/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
+++ b/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
@@ -6,15 +6,18 @@ import Heading from "src/components/composite/Heading";
 
 import { Container } from "dappkit";
 import Tag from "src/components/element/Tag";
-import { getChainId } from "src/config/chains";
 import useOpportunity from "src/hooks/resources/useOpportunity";
 
-export async function loader({ params: { id, type, chain } }: LoaderFunctionArgs) {
-  const chainId = getChainId(chain ?? "");
-
+export async function loader({ params: { id, type, chain: chainId } }: LoaderFunctionArgs) {
+  
   if (!chainId || !id || !type) throw "";
+  
+  const { data: chains } = await api.v4.chain.get({ query: { search: id } });
+  const chain = chains?.[0];
 
-  const { data: opportunity, ...res } = await api.v4.opportunity({ chainId })({ type })({ id }).get();
+  if (!chain) throw "";
+  
+  const { data: opportunity, ...res } = await api.v4.opportunity({ chainId: chain.id })({ type })({ id }).get();
 
   if (!opportunity) throw "";
 
@@ -30,7 +33,7 @@ export default function Index() {
   const opportunity = useLoaderData<typeof loader>();
   const { chain, id } = useParams();
 
-  const { tags, description, link } = useOpportunity(opportunity as Opportunity);
+  const { tags, description, link } = useOpportunity(opportunity);
 
   return (
     <Container>
diff --git a/app/routes/_merkl.protocol.$id.(opportunities).tsx b/app/routes/_merkl.protocol.$id.(opportunities).tsx
index b51142e5..bfe471cc 100644
--- a/app/routes/_merkl.protocol.$id.(opportunities).tsx
+++ b/app/routes/_merkl.protocol.$id.(opportunities).tsx
@@ -11,17 +11,20 @@ export async function loader({ params: { id }, request }: LoaderFunctionArgs) {
   if (!protocol) throw new Error("Unsupported Protocol");
 
   const { data: opportunities, ...res } = await fetchOpportunities(request, { mainProtocolType: protocol.type });
+  const { data: chains } = await api.v4.chain.get({ query: {}});
 
-  return json({ opportunities });
+  if (!opportunities || !chains) throw new Error("");
+
+  return json({ opportunities, chains });
 }
 
 export default function Index() {
-  const { opportunities } = useLoaderData<typeof loader>();
+  const { opportunities, chains } = useLoaderData<typeof loader>();
 
   return (
     <>
       <Space size="md" />
-      <OpportunityLibrary opportunities={opportunities} />
+      <OpportunityLibrary opportunities={opportunities} chains={chains}/>
     </>
   );
 }
diff --git a/app/routes/_merkl.status.$status.(opportunities).tsx b/app/routes/_merkl.status.$status.(opportunities).tsx
index 57947a73..603b6911 100644
--- a/app/routes/_merkl.status.$status.(opportunities).tsx
+++ b/app/routes/_merkl.status.$status.(opportunities).tsx
@@ -1,6 +1,7 @@
 import { type LoaderFunctionArgs, json } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Space } from "dappkit";
+import { api } from "src/api";
 import { fetchOpportunities } from "src/api/opportunity/opportunity";
 import OpportunityLibrary from "src/components/element/opportunity/OpportunityLibrary";
 import { getStatus } from "src/config/status";
@@ -11,17 +12,20 @@ export async function loader({ params: { status: _status }, request }: LoaderFun
   if (!status) throw new Error("Unknown status");
 
   const { data: opportunities, ...res } = await fetchOpportunities(request, { status });
+  const { data: chains } = await api.v4.chain.get({ query: {}});
 
-  return json({ opportunities });
+  if (!opportunities || !chains) throw new Error("Unknown opportunity");
+
+  return json({ opportunities, chains });
 }
 
 export default function Index() {
-  const { opportunities } = useLoaderData<typeof loader>();
+  const { opportunities, chains} = useLoaderData<typeof loader>();
 
   return (
     <>
       <Space size="md" />
-      <OpportunityLibrary exclude={["status"]} opportunities={opportunities} />
+      <OpportunityLibrary exclude={["status"]} opportunities={opportunities} chains={chains} />
     </>
   );
 }
diff --git a/app/routes/_merkl.token.$symbol.(opportunities).tsx b/app/routes/_merkl.token.$symbol.(opportunities).tsx
index 32d2a02d..0d04c72d 100644
--- a/app/routes/_merkl.token.$symbol.(opportunities).tsx
+++ b/app/routes/_merkl.token.$symbol.(opportunities).tsx
@@ -1,24 +1,26 @@
 import { type LoaderFunctionArgs, json } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { Space } from "dappkit";
+import { api } from "src/api";
 import { fetchOpportunities } from "src/api/opportunity/opportunity";
 import OpportunityLibrary from "src/components/element/opportunity/OpportunityLibrary";
 
 export async function loader({ params: { symbol }, request }: LoaderFunctionArgs) {
   const { data: opportunities, ...res } = await fetchOpportunities(request, { tokens: [symbol] });
+  const { data: chains } = await api.v4.chain.get({ query: {}});
 
-  if (!opportunities?.length) throw new Error("Unknown token");
+  if (!opportunities?.length || !chains) throw new Error("Unknown token");
 
-  return json({ opportunities });
+  return json({ opportunities, chains });
 }
 
 export default function Index() {
-  const { opportunities } = useLoaderData<typeof loader>();
+  const { opportunities, chains } = useLoaderData<typeof loader>();
 
   return (
     <>
       <Space size="md" />
-      <OpportunityLibrary opportunities={opportunities} />
+      <OpportunityLibrary opportunities={opportunities} chains={chains}/>
     </>
   );
 }
diff --git a/packages/dappkit b/packages/dappkit
index ffbb2101..a6b7509b 160000
--- a/packages/dappkit
+++ b/packages/dappkit
@@ -1 +1 @@
-Subproject commit ffbb21011a3768681c212fb64e2dc0d396006bcf
+Subproject commit a6b7509b9605c4143c07648fc4c3b9e81ad36927
diff --git a/src/components/composite/Faq.tsx b/src/components/composite/Faq.tsx
deleted file mode 100644
index 9241a6b6..00000000
--- a/src/components/composite/Faq.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Container } from "dappkit";
-import Group from "dappkit/src/components/extenders/Group";
-import Accordion from "dappkit/src/components/primitives/Accordion";
-import Title from "dappkit/src/components/primitives/Title";
-import type { FC } from "react";
-import { faqList } from "src/constants/faq";
-
-export type FAQ = {
-  question: string;
-  answer: React.ReactNode | string;
-  key: string;
-};
-
-const FaqQuestions = faqList.map(faq => faq.question);
-
-export type FaqQuestion = (typeof FaqQuestions)[number];
-
-// Utility function to get specific FAQs by question
-export function getFaqsByQuestions(questions: FaqQuestion[]): FAQ[] {
-  return questions.reduce<FAQ[]>((acc, question) => {
-    const faq = faqList.find(faq => faq.question === question);
-    if (faq) {
-      acc.push(faq);
-    }
-    return acc;
-  }, []);
-}
-
-const Faq: FC<{
-  faqs: FaqQuestion[];
-}> = ({ faqs }) => {
-  const faqData = getFaqsByQuestions(faqs);
-
-  const accordionItems = faqData.map(faq => ({
-    trigger: faq.question,
-    content: faq.answer,
-    key: faq.key,
-  }));
-
-  return (
-    <section className="faq py-xl*4">
-      <Container>
-        <Group className="gap-xl lg:gap-0 !items-start">
-          <Group className="w-full lg:w-1/4">
-            <Title h={2} className="!text-accent-10">
-              FAQ
-            </Title>
-          </Group>
-          <Group className="w-full lg:w-3/4">
-            <Accordion items={accordionItems} className="w-full flex flex-col" />
-          </Group>
-        </Group>
-      </Container>
-    </section>
-  );
-};
-
-export default Faq;
diff --git a/src/components/element/Tag.tsx b/src/components/element/Tag.tsx
index c494166a..3f5c0df9 100644
--- a/src/components/element/Tag.tsx
+++ b/src/components/element/Tag.tsx
@@ -2,7 +2,6 @@ import type { Opportunity, Token } from "@angleprotocol/merkl-api";
 import { Button, Divider, Dropdown, Group, Hash, Icon, Text, Title } from "dappkit";
 import type { ButtonProps } from "dappkit";
 import { type Action, actions } from "src/config/actions";
-import { chains } from "src/config/chains";
 import type { Protocol } from "src/config/protocols";
 import { statuses } from "src/config/status";
 
@@ -189,7 +188,7 @@ export default function Tag<T extends keyof TagTypes>({ type, value, ...props }:
           }>
           <Button key={value} {...props}>
             <Icon size={props?.size} src={token.chain.icon} />
-            {chains[token.chainId]?.label}
+            {token.chain.name}
           </Button>
         </Dropdown>
       );
diff --git a/src/components/element/opportunity/OpportunityFilters.tsx b/src/components/element/opportunity/OpportunityFilters.tsx
index b77b11da..0d8dbaf4 100644
--- a/src/components/element/opportunity/OpportunityFilters.tsx
+++ b/src/components/element/opportunity/OpportunityFilters.tsx
@@ -1,8 +1,8 @@
+import type { Chain } from "@angleprotocol/merkl-api";
 import { Form } from "@remix-run/react";
 import { Button, Group, Icon, Input, List, Select } from "dappkit/src";
 import { useMemo, useState } from "react";
 import { actions } from "src/config/actions";
-import { chains } from "src/config/chains";
 import useSearchParamState from "src/hooks/filtering/useSearchParamState";
 
 const filters = ["search", "action", "status", "chain"] as const;
@@ -10,10 +10,11 @@ type OpportunityFilter = (typeof filters)[number];
 
 export type OpportunityFilterProps = {
   only?: OpportunityFilter[];
+  chains?: Chain[];
   exclude?: OpportunityFilter[];
 };
 
-export default function OpportunityFilters({ only, exclude }: OpportunityFilterProps) {
+export default function OpportunityFilters({ only, exclude, chains }: OpportunityFilterProps) {
   //TODO: componentify theses
   const actionOptions = Object.entries(actions).reduce(
     (obj, [action, { icon, label }]) =>
@@ -44,18 +45,18 @@ export default function OpportunityFilters({ only, exclude }: OpportunityFilterP
       </>
     ),
   };
-  const chainOptions = Object.entries(chains).reduce(
-    (obj, [id, chain]) =>
+  const chainOptions = chains?.reduce(
+    (obj, chain) =>
       Object.assign(obj, {
-        [id]: (
+        [chain.id]: (
           <>
             <Icon size="sm" src={chain?.icon} />
-            {chain.label}
+            {chain.name}
           </>
         ),
       }),
     {},
-  );
+  ) ?? [];
 
   const [actionsFilter, setActions] = useSearchParamState<string[]>(
     "action",
@@ -106,7 +107,7 @@ export default function OpportunityFilters({ only, exclude }: OpportunityFilterP
       )}
       {fields.includes("action") && (
         <Select
-          state={[actionsFilter, setActions]}
+          state={[actionsFilter, a => setActions(a as string[])]}
           allOption={"All actions"}
           multiple
           options={actionOptions}
@@ -117,7 +118,7 @@ export default function OpportunityFilters({ only, exclude }: OpportunityFilterP
       )}
       {fields.includes("status") && (
         <Select
-          state={[statusFilter, s => setStatus(s)]}
+          state={[statusFilter, s => setStatus(s as string[])]}
           allOption={"All status"}
           multiple
           options={statusOptions}
@@ -128,7 +129,7 @@ export default function OpportunityFilters({ only, exclude }: OpportunityFilterP
       )}
       {fields.includes("chain") && (
         <Select
-          state={[chainIdsFilter, setChainIds]}
+          state={[chainIdsFilter, c => setChainIds(c as string[])]}
           allOption={"All chains"}
           multiple
           search
diff --git a/src/components/element/opportunity/OpportunityLibrary.tsx b/src/components/element/opportunity/OpportunityLibrary.tsx
index e20a35a7..d855d141 100644
--- a/src/components/element/opportunity/OpportunityLibrary.tsx
+++ b/src/components/element/opportunity/OpportunityLibrary.tsx
@@ -1,4 +1,4 @@
-import type { Opportunity } from "@angleprotocol/merkl-api";
+import type { Chain, Opportunity } from "@angleprotocol/merkl-api";
 import { Group, Icon, type Order } from "dappkit";
 import { Button } from "dappkit";
 import { useMemo } from "react";
@@ -9,9 +9,10 @@ import OpportunityTableRow from "./OpportunityTableRow";
 
 export type OpportunityLibrary = {
   opportunities: Opportunity[];
+  chains?: Chain[];
 } & OpportunityFilterProps;
 
-export default function OpportunityLibrary({ opportunities, only, exclude }: OpportunityLibrary) {
+export default function OpportunityLibrary({ opportunities, only, exclude, chains }: OpportunityLibrary) {
   const rows = useMemo(
     () =>
       opportunities?.map(o => <OpportunityTableRow key={`${o.chainId}_${o.type}_${o.identifier}`} opportunity={o} />),
@@ -40,7 +41,7 @@ export default function OpportunityLibrary({ opportunities, only, exclude }: Opp
       onSort={onSort}
       header={
         <Group className="justify-between w-full">
-          <OpportunityFilters {...{ only, exclude }} />
+          <OpportunityFilters {...{ only, exclude, chains }} />
           <Group>
             <Button size="sm" look="base">
               Sort
diff --git a/src/config/chains.ts b/src/config/chains.ts
deleted file mode 100644
index 199195c2..00000000
--- a/src/config/chains.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-export const chains = {
-  1: {
-    label: "Ethereum",
-    short: "eth",
-    asset: (await import("../assets/chains/ethereum.svg?url")).default,
-  },
-  10: {
-    label: "Optimism",
-    short: "op",
-    asset: (await import("../assets/chains/optimism.svg?url")).default,
-  },
-  42161: {
-    label: "Arbitrum",
-    short: "arb",
-    asset: (await import("../assets/chains/arbitrum.svg?url")).default,
-  },
-  137: {
-    label: "Polygon",
-    short: "pol",
-    asset: (await import("../assets/chains/polygon.svg?url")).default,
-  },
-  1313161554: { label: "AURORA", short: "aurora", asset: (await import("../assets/chains/aurora.svg?url")).default },
-  43114: { label: "Avalance", short: "avalanche", asset: (await import("../assets/chains/avalanche.svg?url")).default },
-  8453: { label: "Base", short: "base", asset: (await import("../assets/chains/base.svg?url")).default },
-  56: { label: "Binance Smart Chain", short: "bsc", asset: (await import("../assets/chains/bsc.svg?url")).default },
-  42220: { label: "Celo", short: "celo", asset: (await import("../assets/chains/celo.svg?url")).default },
-  1116: { label: "Core", short: "core", asset: (await import("../assets/chains/core.svg?url")).default },
-  250: { label: "Fantom", short: "fantom", asset: (await import("../assets/chains/fantom.svg?url")).default },
-  122: { label: "Fuse", short: "fuse", asset: (await import("../assets/chains/fuse.svg?url")).default },
-  196: { label: "XLayer", short: "xlayer", asset: (await import("../assets/chains/xlayer.svg?url")).default },
-  100: { label: "Gnosis", short: "gno", asset: (await import("../assets/chains/gnosis.svg?url")).default },
-  59144: { label: "Linea", short: "lin", asset: (await import("../assets/chains/linea.svg?url")).default },
-  5000: { label: "Mantle", short: "man", asset: (await import("../assets/chains/mantle.svg?url")).default },
-  1101: {
-    label: "Polygon zkEVM",
-    short: "polzkevm",
-    asset: (await import("../assets/chains/polygonzkevm.svg?url")).default,
-  },
-  108: {
-    label: "Thundercore",
-    short: "thundercore",
-    asset: (await import("../assets/chains/thundercore.svg?url")).default,
-  },
-  324: { label: "ZKSync", short: "zksync", asset: (await import("../assets/chains/zksync.svg?url")).default },
-  534352: { label: "Scroll", short: "scroll", asset: (await import("../assets/chains/scroll.png?url")).default },
-  169: { label: "Manta", short: "manta", asset: (await import("../assets/chains/manta.svg?url")).default },
-  13371: {
-    label: "Immutable",
-    short: "Immutable",
-    asset: (await import("../assets/chains/immutable.svg?url")).default,
-  },
-  81457: { label: "Blast", short: "blast", asset: (await import("../assets/chains/blast.svg?url")).default },
-  34443: { label: "Mode", short: "mode", asset: (await import("../assets/chains/mode.svg?url")).default },
-  592: { label: "Astar", short: "astar", asset: (await import("../assets/chains/astar.png?url")).default },
-  3776: {
-    label: "Astart zkEVM",
-    short: "astarzkevm",
-    asset: (await import("../assets/chains/astarzkevm.png?url")).default,
-  },
-  30: { label: "Rootstock", short: "rootstock", asset: (await import("../assets/chains/rootstock.svg?url")).default },
-  167000: { label: "Taiko", short: "taiko", asset: (await import("../assets/chains/taiko.svg?url")).default },
-  1329: { label: "Sei", short: "sei", asset: (await import("../assets/chains/sei.svg?url")).default },
-  1284: { label: "Moonbeam", short: "moonbeam", asset: (await import("../assets/chains/moonbeam.svg?url")).default },
-  2046399126: { label: "Skale", short: "skale", asset: (await import("../assets/chains/skale.png?url")).default },
-  252: { label: "Fraxtal", short: "fraxtal", asset: (await import("../assets/chains/fraxtal.svg?url")).default },
-  60808: { label: "BOB", short: "bib", asset: (await import("../assets/chains/bob.svg?url")).default },
-} as const;
-
-export type ChainId = keyof typeof chains;
-
-export function getChainId(labelOrShort: string): ChainId | undefined {
-  for (const [chainId, { label, short }] of Object.entries(chains)) {
-    if (
-      label?.toLowerCase() === labelOrShort?.toLowerCase() ||
-      short?.toLocaleLowerCase() === labelOrShort?.toLowerCase()
-    )
-      return chainId;
-  }
-}
diff --git a/src/context/tokens.context.ts b/src/context/tokens.context.ts
deleted file mode 100644
index 14c23762..00000000
--- a/src/context/tokens.context.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { Tokens } from "src/api/fetch/fetchTokens";
-import type { ChainId } from "src/config/chains";
-import { create } from "zustand";
-
-export const useTokenStore = create<Tokens>(set => ({
-  tokens: {},
-  mergeTokens: (next: Tokens) =>
-    set(prev => {
-      for (const [chain, users] of Object.entries(next)) {
-        const chainId = Number.parseInt(chain) as ChainId;
-
-        for (const [user, data] of Object.entries(users)) {
-          if (!prev) prev = {};
-          if (!prev?.[chainId]) prev[chainId] = {};
-
-          prev[chainId][user] = data;
-        }
-      }
-      return prev;
-    }),
-}));
diff --git a/src/hooks/resources/useOpportunity.tsx b/src/hooks/resources/useOpportunity.tsx
index 65495366..16bd3259 100644
--- a/src/hooks/resources/useOpportunity.tsx
+++ b/src/hooks/resources/useOpportunity.tsx
@@ -2,7 +2,6 @@ import type { Opportunity } from "@angleprotocol/merkl-api";
 import { Icon } from "dappkit";
 import { useMemo } from "react";
 import type { TagType } from "src/components/element/Tag";
-import { chains } from "src/config/chains";
 
 export default function useOpportunity(opportunity: Opportunity) {
   const tags = useMemo(() => {
@@ -17,7 +16,7 @@ export default function useOpportunity(opportunity: Opportunity) {
 
   const link = useMemo(
     () =>
-      `/opportunity/${chains[opportunity.chainId]?.label?.toLowerCase?.()}/${opportunity.type}/${opportunity.identifier}`,
+      `/opportunity/${opportunity.chain?.name?.toLowerCase?.()}/${opportunity.type}/${opportunity.identifier}`,
     [opportunity],
   );