From ae599e0132ab8de35772ccd878fc59c79b05b383 Mon Sep 17 00:00:00 2001
From: Allan Szewczyk <jfa_nakata@hotmail.com>
Date: Mon, 20 Sep 2021 00:09:41 +0900
Subject: [PATCH] changed null ternirary to logical &&

---
 src/App.jsx               | 4 ++--
 src/components/Game.jsx   | 2 +-
 src/components/Navbar.jsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index a7dad6a..7454827 100644
--- 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
index e9a72b0..1f10b8c 100644
--- 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
index 9459581..2177b12 100644
--- 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>
   )
 }