yvg/pounce
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fix TypeScript type casting for details object
Some checks failed
CI / Frontend Lint & Type Check (push) Has been cancelled
Details
CI / Frontend Build (push) Has been cancelled
Details
CI / Backend Lint (push) Has been cancelled
Details
CI / Backend Tests (push) Has been cancelled
Details
CI / Docker Build (push) Has been cancelled
Details
CI / Security Scan (push) Has been cancelled
Details
Deploy / Build & Push Images (push) Has been cancelled
Details
Deploy / Deploy to Server (push) Has been cancelled
Details
Deploy / Notify (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Yves Gugger
2025-12-17 10:00:27 +01:00
parent 2553c7d4c4
commit 7885884e45
1 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
frontend/src/components/analyze/AnalyzePanel.tsx
View File

@ -489,37 +489,43 @@ export function AnalyzePanel() {
</div>
{/* Radio Test Details */}
{item.key === 'radio_test' && item.details && (
<div className="mt-2 flex flex-wrap gap-2">
{item.details.syllables !== undefined && (
<span className="px-2 py-0.5 bg-white/5 border border-white/10 text-[10px] font-mono text-white/50">
{item.details.syllables} syllables
</span>
)}
{item.details.length !== undefined && (
<span className="px-2 py-0.5 bg-white/5 border border-white/10 text-[10px] font-mono text-white/50">
{item.details.length} chars
</span>
)}
{item.details.has_hyphen && (
<span className="px-2 py-0.5 bg-amber-500/10 border border-amber-500/20 text-[10px] font-mono text-amber-400">
has hyphen
</span>
)}
{item.details.has_digits && (
<span className="px-2 py-0.5 bg-amber-500/10 border border-amber-500/20 text-[10px] font-mono text-amber-400">
has digits
</span>
)}
</div>
)}
{item.key === 'radio_test' && item.details && (() => {
const d = item.details as Record<string, any>
return (
<div className="mt-2 flex flex-wrap gap-2">
{d.syllables !== undefined && (
<span className="px-2 py-0.5 bg-white/5 border border-white/10 text-[10px] font-mono text-white/50">
{d.syllables} syllables
</span>
)}
{d.length !== undefined && (
<span className="px-2 py-0.5 bg-white/5 border border-white/10 text-[10px] font-mono text-white/50">
{d.length} chars
</span>
)}
{d.has_hyphen && (
<span className="px-2 py-0.5 bg-amber-500/10 border border-amber-500/20 text-[10px] font-mono text-amber-400">
has hyphen
</span>
)}
{d.has_digits && (
<span className="px-2 py-0.5 bg-amber-500/10 border border-amber-500/20 text-[10px] font-mono text-amber-400">
has digits
</span>
)}
</div>
)
})()}
{/* Registrar Details */}
{(item.key === 'tld_cheapest_register_usd' || item.key === 'tld_cheapest_renew_usd') && item.details?.registrar && (
<div className="mt-1 text-[10px] font-mono text-white/30">
via {item.details.registrar}
</div>
)}
{(item.key === 'tld_cheapest_register_usd' || item.key === 'tld_cheapest_renew_usd') && item.details && (() => {
const d = item.details as Record<string, any>
return d.registrar ? (
<div className="mt-1 text-[10px] font-mono text-white/30">
via {d.registrar}
</div>
) : null
})()}
</div>
</div>
</div>