From c5bdcfca8caf8c5a5c97364a7c7e56a561fa17f1 Mon Sep 17 00:00:00 2001
From: ghzhost <patricknasci@ghzhost.com>
Date: Thu, 3 Sep 2026 01:42:21 +0000
Subject: [PATCH] fix(history): remove orphaned TransactionHistory component
 tree and hook (#20)

- Remove dead  components (index, TransactionItem, Pagination, EmptyState) and tests.
- Remove orphaned .
- The canonical transaction history feature is actively implemented by  backed by  and  in .
---
 .../TransactionHistory/EmptyState.tsx           | 10 ----------
 .../TransactionHistory/Pagination.test.tsx      | 13 -------------
 .../TransactionHistory/Pagination.tsx           | 11 -----------
 .../TransactionHistory/TransactionItem.tsx      | 17 -----------------
 src/components/TransactionHistory/index.tsx     | 12 ------------
 src/hooks/useTransactionHistory.ts              | 17 -----------------
 6 files changed, 80 deletions(-)
 delete mode 100644 src/components/TransactionHistory/EmptyState.tsx
 delete mode 100644 src/components/TransactionHistory/Pagination.test.tsx
 delete mode 100644 src/components/TransactionHistory/Pagination.tsx
 delete mode 100644 src/components/TransactionHistory/TransactionItem.tsx
 delete mode 100644 src/components/TransactionHistory/index.tsx
 delete mode 100644 src/hooks/useTransactionHistory.ts

diff --git a/src/components/TransactionHistory/EmptyState.tsx b/src/components/TransactionHistory/EmptyState.tsx
deleted file mode 100644
index 81b0a3b..0000000
--- a/src/components/TransactionHistory/EmptyState.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from "react"
-export function EmptyState() {
-  return (
-    <div className="flex flex-col items-center gap-3 py-12 text-gray-400">
-      <span className="text-4xl">📭</span>
-      <p className="text-sm">No transactions yet</p>
-      <p className="text-xs">Your payment history will appear here</p>
-    </div>
-  )
-}
diff --git a/src/components/TransactionHistory/Pagination.test.tsx b/src/components/TransactionHistory/Pagination.test.tsx
deleted file mode 100644
index fe76ac3..0000000
--- a/src/components/TransactionHistory/Pagination.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { render, screen } from "@testing-library/react"
-import { describe, it, expect, vi } from "vitest"
-import { Pagination } from "./Pagination"
-describe("Pagination", () => {
-  it("disables prev on page 1", () => {
-    render(<Pagination page={1} hasMore onNext={vi.fn()} onPrev={vi.fn()} />)
-    expect(screen.getByText("← Prev")).toBeDisabled()
-  })
-  it("disables next when no more pages", () => {
-    render(<Pagination page={2} hasMore={false} onNext={vi.fn()} onPrev={vi.fn()} />)
-    expect(screen.getByText("Next →")).toBeDisabled()
-  })
-})
diff --git a/src/components/TransactionHistory/Pagination.tsx b/src/components/TransactionHistory/Pagination.tsx
deleted file mode 100644
index da90ce2..0000000
--- a/src/components/TransactionHistory/Pagination.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react"
-interface Props { page: number; hasMore: boolean; onNext: () => void; onPrev: () => void }
-export function Pagination({ page, hasMore, onNext, onPrev }: Props) {
-  return (
-    <div className="flex justify-between items-center mt-4">
-      <button onClick={onPrev} disabled={page === 1} className="btn-secondary btn-sm">← Prev</button>
-      <span className="text-sm text-gray-500">Page {page}</span>
-      <button onClick={onNext} disabled={!hasMore} className="btn-secondary btn-sm">Next →</button>
-    </div>
-  )
-}
diff --git a/src/components/TransactionHistory/TransactionItem.tsx b/src/components/TransactionHistory/TransactionItem.tsx
deleted file mode 100644
index cfa0b46..0000000
--- a/src/components/TransactionHistory/TransactionItem.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react'
-interface Props { tx: Record<string, unknown>; myAddress: string }
-export function TransactionItem({ tx, myAddress }: Props) {
-  const isSent = tx.from === myAddress
-  return (
-    <div className='flex items-center justify-between py-3 border-b'>
-      <div className='flex items-center gap-3'>
-        <span>{isSent ? '↑' : '↓'}</span>
-        <div>
-          <p className='text-sm font-medium'>{isSent ? 'To ' : 'From '}{String(isSent ? tx.to : tx.from).slice(0,8)}…</p>
-          <p className='text-xs text-gray-400'>{String(tx.created_at)}</p>
-        </div>
-      </div>
-      <p className={isSent ? 'text-red-500' : 'text-green-600'}>{isSent ? '-' : '+'}{String(tx.amount)} XLM</p>
-    </div>
-  )
-}
diff --git a/src/components/TransactionHistory/index.tsx b/src/components/TransactionHistory/index.tsx
deleted file mode 100644
index e8e1c01..0000000
--- a/src/components/TransactionHistory/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-import { useTransactionHistory } from '../../hooks/useTransactionHistory'
-import { TransactionItem } from './TransactionItem'
-interface Props { address: string | null }
-export function TransactionHistory({ address }: Props) {
-  const { transactions, loading, error } = useTransactionHistory(address)
-  if (!address) return <p className='text-center py-8 text-gray-400'>Connect wallet to view history</p>
-  if (loading) return <p className='text-center py-8'>Loading…</p>
-  if (error) return <p className='text-red-500 text-center py-8'>Error: {error}</p>
-  if (!transactions.length) return <p className='text-center py-8 text-gray-400'>No transactions yet</p>
-  return <div>{transactions.map((tx, i) => <TransactionItem key={i} tx={tx as Record<string,unknown>} myAddress={address} />)}</div>
-}
diff --git a/src/hooks/useTransactionHistory.ts b/src/hooks/useTransactionHistory.ts
deleted file mode 100644
index f68208f..0000000
--- a/src/hooks/useTransactionHistory.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { useState, useEffect, useCallback } from 'react'
-export function useTransactionHistory(address: string | null) {
-  const [transactions, setTransactions] = useState<unknown[]>([])
-  const [loading, setLoading] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-  const fetchTxs = useCallback(async () => {
-    if (!address) return
-    setLoading(true)
-    try {
-      const r = await fetch('https://horizon.stellar.org/accounts/' + address + '/payments?order=desc&limit=20')
-      const d = await r.json()
-      setTransactions(d._embedded?.records ?? [])
-    } catch (e) { setError((e as Error).message) } finally { setLoading(false) }
-  }, [address])
-  useEffect(() => { fetchTxs() }, [fetchTxs])
-  return { transactions, loading, error, refresh: fetchTxs }
-}