From 35121e2da71947d564810f8635d5055e27edbc31 Mon Sep 17 00:00:00 2001
From: LuyandraBranco <luyandrabranco@gmail.com>
Date: Mon, 29 Dec 2025 22:26:02 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20improve=20orga?=
 =?UTF-8?q?nization=20files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/header.tsx              |  2 +-
 src/components/layout/trade-ticker.tsx        | 23 +++++++------------
 src/components/layout/trade-ticker/index.tsx  |  0
 .../layout/trade-ticker/trade-ticker.types.ts | 10 ++++++++
 4 files changed, 19 insertions(+), 16 deletions(-)
 create mode 100644 src/components/layout/trade-ticker/index.tsx
 create mode 100644 src/components/layout/trade-ticker/trade-ticker.types.ts

diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
index 35d23e65..1419220a 100644
--- a/src/components/layout/header.tsx
+++ b/src/components/layout/header.tsx
@@ -6,10 +6,10 @@ import { usePathname } from "next/navigation"
 
 import { Logo } from "../ui/logo"
 import { UserDropdown } from "../user/user-dropdown"
-import { TradeTicker } from "./trade-ticker"
 import { navigationItems } from "@/constants/navigation"
 import { cn } from "@/utils"
 import { useMounted } from "@/hooks/use-mounted"
+import TradeTicker from "./trade-ticker"
 
 const Header: FC = () => {
 	const pathname = usePathname()
diff --git a/src/components/layout/trade-ticker.tsx b/src/components/layout/trade-ticker.tsx
index 63dec6a8..79757e66 100644
--- a/src/components/layout/trade-ticker.tsx
+++ b/src/components/layout/trade-ticker.tsx
@@ -1,24 +1,15 @@
 "use client"
 
-import { useEffect, useState, useRef } from "react"
+import { useEffect, useState, useRef, FC } from "react"
 import Link from "next/link"
 import tradeBumpSocket, { type TradeEvent } from "@/lib/websocket/trade-bump-socket"
 import { formatNumberWithSuffix, formatAddressShort } from "@/utils/format"
 import { cn } from "@/utils"
 import { useRecentTrades } from "@/hooks/pump/use-recent-trades"
+import { TickerItem } from "./trade-ticker/trade-ticker.types"
+import { de } from "date-fns/locale"
 
-type TickerItem = {
-	id: string
-	coinType: string
-	name: string
-	symbol: string
-	kind: "buy" | "sell"
-	amount: number
-	trader: string
-	timestamp: number
-}
-
-export function TradeTicker() {
+const TradeTicker: FC = () => {
 	const [trades, setTrades] = useState<TickerItem[]>([])
 	const scrollRef = useRef<HTMLDivElement>(null)
 
@@ -107,5 +98,7 @@ export function TradeTicker() {
 			<div className="pointer-events-none absolute left-0 top-0 h-full w-20 bg-gradient-to-r from-background to-transparent z-10" />
 			<div className="pointer-events-none absolute right-0 top-0 h-full w-20 bg-gradient-to-l from-background to-transparent z-10" />
 		</div>
-	)
-}
\ No newline at end of file
+	);
+}
+
+export default TradeTicker;
\ No newline at end of file
diff --git a/src/components/layout/trade-ticker/index.tsx b/src/components/layout/trade-ticker/index.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/layout/trade-ticker/trade-ticker.types.ts b/src/components/layout/trade-ticker/trade-ticker.types.ts
new file mode 100644
index 00000000..14fdfa2e
--- /dev/null
+++ b/src/components/layout/trade-ticker/trade-ticker.types.ts
@@ -0,0 +1,10 @@
+export type TickerItem = {
+    id: string
+    coinType: string
+    name: string
+    symbol: string
+    kind: "buy" | "sell"
+    amount: number
+    trader: string
+    timestamp: number
+}
\ No newline at end of file