ui truncate-text.tsx

66.66% Statements 2/3

50% Branches 1/2

50% Functions 1/2

66.66% Lines 2/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
 
1297x
 
1297x
 
 
 
 
 
 
 
 
 
 
 
  import { useState } from "react";
 
export function TruncateText({ length, children, ariaLabel }) {
  const [showLog, setShowLog] = useState(false);
 
  return (
    <pre
      className="text-xs break-all text-wrap whitespace-pre-line cursor-default"
      aria-label={ariaLabel}
      onDoubleClick={() => setShowLog(!showLog)}
    >
      {showLog
        ? children
        : children?.slice(0, length) + " ...\n\n (Double click to expand)"}
    </pre>
  );
}