All files HelloItem.jsx

100% Statements 18/18
100% Branches 3/3
100% Functions 1/1
100% Lines 18/18

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 191x 1x 1x 2x 2x 2x 1x 1x 1x 1x 1x 1x 2x 2x 2x 2x 1x 1x  
import React from 'react';
 
const HelloItem = (props) => {
  return (
      <div className="hello-item-class">
          {!!props.nickname ? (
              <>
                  <h1 className="mclaren-regular">Hello, {props.nickname}!</h1>
                  <p className="mclaren-regular">Your ID: {props.id}</p>
              </>
          ) : (
              <p className="mclaren-regular">You don't have an account :(</p>
          )}
      </div>
  );
};
 
export default HelloItem;