ui truncate-text.tsx

83.33% Statements 10/12

54.54% Branches 6/11

33.33% Functions 1/3

87.5% Lines 7/8

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  
 
112x
112x
 
 
112x
 
 
203x
 
112x
 
448x
448x
 
 
  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>
  );
}