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 19 20 21                49x   49x     49x              
import React, { useState} from "react";
import greetingsList from "../../../assets/PlayGreetings.json"
 
import "../../pages/HomePage.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={{backgroundSize: "300%",backgroundPosition:"-100%", fontSize:"32px", backgroundClip: "text", color: "transparent"}} className="gradient-animation">
      {welcomeText} {firstName}! 
    </h1>
    </div>
  );
};