diff --git a/src/app/market/components/market-sidebar/MarketSidebar.tsx b/src/app/market/components/market-sidebar/MarketSidebar.tsx
index 0c4360f..3e2f192 100644
--- a/src/app/market/components/market-sidebar/MarketSidebar.tsx
+++ b/src/app/market/components/market-sidebar/MarketSidebar.tsx
@@ -1,10 +1,12 @@
import BuySell from "./BuySell";
+import TokenInfo from "./TokenInfo";
export default function MarketSidebar() {
return (
);
}
diff --git a/src/app/market/components/market-sidebar/TokenInfo.tsx b/src/app/market/components/market-sidebar/TokenInfo.tsx
new file mode 100644
index 0000000..b8e1fb9
--- /dev/null
+++ b/src/app/market/components/market-sidebar/TokenInfo.tsx
@@ -0,0 +1,126 @@
+import { cn } from "@/lib/utils";
+import { Token, TokenLiveData } from "@/modules/tokens/types";
+import {
+ BoxesIcon,
+ ChartCandlestick,
+ ChefHatIcon,
+ CrosshairIcon,
+ FlameIcon,
+ GhostIcon,
+ LucideIcon,
+ ShieldIcon,
+ UsersIcon,
+ UserStarIcon,
+} from "lucide-react";
+
+export default function TokenInfo() {
+ const info: Token = {
+ mint: "",
+ symbol: "",
+ name: "",
+ };
+
+ const liveData: TokenLiveData = {
+ topHolder: 67,
+ devHold: 20,
+ snipersHold: 30,
+ insidersHold: 10,
+ bundleHold: 3,
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
CA and DA placeholder
+
+
+ );
+}
+
+function DataCard({
+ label,
+ value,
+ className,
+ icon: Icon,
+}: {
+ icon: LucideIcon;
+ label: string;
+ value: string;
+ className: string;
+}) {
+ return (
+
+
+
+ {value}
+
+
{label}
+
+ );
+}
diff --git a/src/modules/tokens/types.ts b/src/modules/tokens/types.ts
index 8a3f3fb..3ef2e0d 100644
--- a/src/modules/tokens/types.ts
+++ b/src/modules/tokens/types.ts
@@ -3,7 +3,7 @@ export interface Token {
symbol: string;
name: string;
logoURI?: string;
- twitterPost: {
+ twitterPost?: {
link: string;
author: {
username: string;