diff --git a/frontend/src/app/terminal/intel/page.tsx b/frontend/src/app/terminal/intel/page.tsx index 70303bb..66fafa5 100755 --- a/frontend/src/app/terminal/intel/page.tsx +++ b/frontend/src/app/terminal/intel/page.tsx @@ -31,9 +31,9 @@ import Link from 'next/link' function Tooltip({ children, content }: { children: React.ReactNode; content: string }) { return ( -
+
{children} -
+
{content}
@@ -340,7 +340,7 @@ export default function IntelPage() {
-
Provider
+
Action
{filteredData.map((tld) => { @@ -351,7 +351,9 @@ export default function IntelPage() {
{/* TLD */}
- .{tld.tld} + + .{tld.tld} +
{/* Price */} @@ -396,15 +398,21 @@ export default function IntelPage() {
- {/* Provider */} -
- {tld.cheapest_registrar ? ( - - {tld.cheapest_registrar} - - ) : ( - - + {/* Action / Provider */} +
+ {tld.cheapest_registrar && ( + + + {tld.cheapest_registrar} + + )} + + +
) @@ -417,40 +425,45 @@ export default function IntelPage() { {filteredData.map((tld) => { const isTrap = tld.min_renewal_price > tld.min_price * 1.5 return ( -
-
- .{tld.tld} -
- {tld.risk_level} Risk + +
+
+ .{tld.tld} +
+ {tld.risk_level} Risk +
-
- -
-
-
Register
-
{formatPrice(tld.min_price)}
+ +
+
+
Register
+
{formatPrice(tld.min_price)}
+
+
+
Renew
+
+ {formatPrice(tld.min_renewal_price)} +
+
-
-
Renew
-
- {formatPrice(tld.min_renewal_price)} + +
+
+ Provider: + + {tld.cheapest_registrar || '-'} + +
+
+ Details
- - {tld.cheapest_registrar && ( -
- Best price at - - {tld.cheapest_registrar} - -
- )} -
+ ) })}
diff --git a/frontend/src/app/terminal/market/page.tsx b/frontend/src/app/terminal/market/page.tsx index 2ba5903..540bf8c 100644 --- a/frontend/src/app/terminal/market/page.tsx +++ b/frontend/src/app/terminal/market/page.tsx @@ -141,9 +141,9 @@ function parseTimeToSeconds(timeStr?: string): number { // Tooltip Component function Tooltip({ children, content }: { children: React.ReactNode; content: string }) { return ( -
+
{children} -
+
{content} {/* Arrow */}
@@ -313,7 +313,7 @@ export default function MarketPage() { // Watchlist const [trackedDomains, setTrackedDomains] = useState>(new Set()) const [trackingInProgress, setTrackingInProgress] = useState(null) - + // Load const loadData = useCallback(async () => { setLoading(true) @@ -378,7 +378,7 @@ export default function MarketPage() { if (priceRange === 'high') filtered = filtered.filter(item => item.price >= 1000) if (searchQuery) filtered = filtered.filter(item => item.domain.toLowerCase().includes(searchQuery.toLowerCase())) - const mult = sortDirection === 'asc' ? 1 : -1 + const mult = sortDirection === 'asc' ? 1 : -1 filtered.sort((a, b) => { switch (sortField) { case 'domain': return mult * a.domain.localeCompare(b.domain) @@ -386,9 +386,9 @@ export default function MarketPage() { case 'price': return mult * (a.price - b.price) case 'time': return mult * (parseTimeToSeconds(a.timeLeft) - parseTimeToSeconds(b.timeLeft)) case 'source': return mult * a.source.localeCompare(b.source) - default: return 0 - } - }) + default: return 0 + } + }) return filtered }, [auctions, hideSpam, pounceOnly, priceRange, searchQuery, sortField, sortDirection]) @@ -486,7 +486,7 @@ export default function MarketPage() {
Action
-
+
{marketItems.map((item) => { const timeLeftSec = parseTimeToSeconds(item.timeLeft) @@ -528,7 +528,7 @@ export default function MarketPage() { {item.timeLeft}
-
+
{/* Actions */}
{/* Monitor Button - Distinct Style & Spacing */} @@ -555,7 +555,7 @@ export default function MarketPage() {
-
+
) })}
@@ -566,7 +566,7 @@ export default function MarketPage() { {marketItems.map((item) => { const timeLeftSec = parseTimeToSeconds(item.timeLeft) const isUrgent = timeLeftSec < 3600 - return ( + return (
@@ -588,13 +588,13 @@ export default function MarketPage() { {item.timeLeft}
-
+
- - + + > {item.isPounce ? 'Buy Now' : 'Place Bid'} - -
-
- ) - })} -
+ +
+
+ ) + })} +
)} - + ) } diff --git a/frontend/src/app/terminal/radar/page.tsx b/frontend/src/app/terminal/radar/page.tsx index 39e093c..89a3213 100644 --- a/frontend/src/app/terminal/radar/page.tsx +++ b/frontend/src/app/terminal/radar/page.tsx @@ -40,9 +40,9 @@ import Link from 'next/link' function Tooltip({ children, content }: { children: React.ReactNode; content: string }) { return ( -
+
{children} -
+
{content}