changed null ternirary to logical &&

jfaMan · Sep 19, 2021 · ae599e0 · ae599e0
1 parent 04a59aa
commit ae599e0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -63,8 +63,8 @@ const App = () => {
         score={score}
         start={showStart}
       />
-      {showStart ? <Start handleStart={handleStart} /> : null}
-      {showLogin ? <Login handleLogin={handleLogin} calculateScore={calculateScore} /> : null}
+      {showStart && <Start handleStart={handleStart} />}
+      {showLogin && <Login handleLogin={handleLogin} calculateScore={calculateScore} />}
       {renderGame()}
     </div>
   )

diff --git a/src/components/Game.jsx b/src/components/Game.jsx
@@ -39,7 +39,7 @@ const Game = (props) => {
     <div className='game' style={{ display: 'flex' }}>
       <div className="game-left">
         {showEndGame ? <EndGame playerName={playerName} score={score} handleEndGame={handleEndGame} refreshImages={refreshImages} /> : <div></div>}
-        <img className={score !== 0 ? "bounce" : ""} src={Logo} alt="Logo" />
+        <img className={score !== 0 && "bounce"} src={Logo} alt="Logo" />
       </div>
       <Images
           key={imagesKey}

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -15,8 +15,8 @@ const Navbar = (props) => {
   return (
     <div className="navbar">
       <img src={NavbarLogo} alt="Logo" />
-      {score >= 0 ? <div className="score">TRIES REMAINING: {score}</div> : null}
-      {start ? null : <div className="name">NAME: {name}</div>}
+      {score >= 0 && <div className="score">TRIES REMAINING: {score}</div>}
+      {!start && <div className="name">NAME: {name}</div>}
     </div>
   )
 }