25 lines
710 B
TypeScript
25 lines
710 B
TypeScript
// SecretRow.tsx
|
|
// Displays a single secret with discovered checkbox and text.
|
|
import type { Secret } from "@/lib/types";
|
|
|
|
/**
|
|
* Renders a secret row with a discovered checkbox and secret text.
|
|
* Handles updating the discovered state and discoveredIn relationship.
|
|
*/
|
|
export const SecretPrintRow = ({ secret }: { secret: Secret }) => {
|
|
return (
|
|
<li className="flex items-center gap-3">
|
|
<input
|
|
type="checkbox"
|
|
className="flex-none accent-emerald-500 w-5 h-5"
|
|
aria-label="Discovered"
|
|
/>
|
|
<span>
|
|
{(secret.data as any)?.secret?.text || (
|
|
<span className="italic text-slate-400">(No secret text)</span>
|
|
)}
|
|
</span>
|
|
</li>
|
|
);
|
|
};
|