All files / ProductRow ProductRow.tsx

100% Statements 4/4

100% Branches 2/2

100% Functions 1/1

100% Lines 4/4

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
19
20  
 
 
 
 
 
 
 
11x
11x
11x
 
 
 
 
 
 
 
3x
  export interface Product {
  category: string;
  price: string;
  stocked: boolean;
  name: string;
}
 
function ProductRow({ product }: { product: Product }) {
  const { stocked, name, price } = product;
  const productName = stocked ? name : <span style={{ color: "red" }}>{name}</span>;
  return (
    <tr>
      <td>{productName}</td>
      <td>{price}</td>
    </tr>
  );
}
 
export default ProductRow;