All files / components/Commons CommonsPlay.js

100% Statements 3/3
100% Branches 2/2
100% Functions 1/1
100% Lines 3/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          49x   49x     49x              
import React, { useState} from "react";
import greetingsList from "../../../assets/PlayGreetings.json"
import "../../../main/components/Commons/CommonsPlay.css"
export default function CommonsPlay({ currentUser }) {
  // Stryker disable  all 
  const firstName = currentUser?.root ? currentUser?.root?.user?.givenName : "";
 
  const [welcomeText, _]= useState(greetingsList[Math.floor(Math.random() * greetingsList.length)]);
  // Stryker restore all
 
  return (
    <div data-testid="CommonsPlay">
      <h1 data-testid="CommonsPlay-title" style={{ fontSize: "50px", borderRadius: "8px", "fontFamily": "Copperplate", color: '#003366', backgroundColor: '#66B2FF', opacity: ".9" }} className="radial-gradient-background">
      {welcomeText} {firstName}! 
      </h1>
    </div>
  );
};