INNER CODE UNIT · JavaScript

CellValue

christopherkarani/Wax · Resources/website/src/pages/index.js:88

function CellValue({ val }) {
  if (val === true)      return <span className="check-mark">✓</span>;
  if (val === false)     return <span className="cross-mark">✕</span>;
  if (val === "partial") return <span className="partial-txt">partial</span>;
  if (val === "n/a")     return <span className="partial-txt">n/a</span>;
  return <span style={{ color: "var(--accent)", fontWeight: 600 }}>{val}</span>;
}

function CopyButton({ text }) {
  const [copied, setCopied] = useState(false);
  const handleCopy = () => {
    navigator.clipboard.writeText(text).catch(() => {});
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  };
  return (
    <button className={`copy-btn${copied ? " copied" : ""}`} onClick={handleCopy}>
      {copied ? "copied!" : "copy"}

View source record →