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  
 
 
 
929x
 
929x
 
 
 
 
 
 
  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>
  );
}