diff --git a/src/app/markets/components/PairsCard.tsx b/src/app/markets/components/PairsCard.tsx
index 370ef8d..1505d2f 100644
--- a/src/app/markets/components/PairsCard.tsx
+++ b/src/app/markets/components/PairsCard.tsx
@@ -3,8 +3,15 @@ import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Settings2Icon, ZapIcon } from "lucide-react";
import TokenCard from "./TokenCard";
+import { Token } from "@/modules/tokens/types";
-export default function PairsCard({ title }: { title: string }) {
+export default function PairsCard({
+ title,
+ tokens,
+}: {
+ title: string;
+ tokens: Token[];
+}) {
return (
@@ -39,21 +46,12 @@ export default function PairsCard({ title }: { title: string }) {
-
-
+
+ {tokens.map((token) => (
+
+
+
+ ))}
);
diff --git a/src/app/markets/components/TokenCard.tsx b/src/app/markets/components/TokenCard.tsx
index af1bef3..51e0fdd 100644
--- a/src/app/markets/components/TokenCard.tsx
+++ b/src/app/markets/components/TokenCard.tsx
@@ -12,7 +12,6 @@ import {
CrosshairIcon,
EyeIcon,
GhostIcon,
- IconNode,
LucideIcon,
UserIcon,
UsersIcon,
diff --git a/src/app/markets/page.tsx b/src/app/markets/page.tsx
index a96ae92..93d6d14 100644
--- a/src/app/markets/page.tsx
+++ b/src/app/markets/page.tsx
@@ -10,9 +10,57 @@ export default function Markets() {