From 529849fabcfafaac573de22b1aa550c3df5b898e Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 19 Jul 2021 19:55:20 +0530
Subject: Implemented an alternative for alert() so now it works on more
 browsers

---
 src/components/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/App.tsx')

diff --git a/src/components/App.tsx b/src/components/App.tsx
index 19d1e8c..141b332 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -17,6 +17,7 @@
  */
 
 import React, { useState } from 'react';
+import MessageBox from './MessageBox';
 import ScoreBoard from './ScoreBoard';
 import Grid from './Grid';
 import Footer from './Footer';
@@ -25,10 +26,13 @@ import './style.css';
 const App: React.FC = () => {
   const [scoreX, setScoreX] = useState<number>(0);
   const [scoreO, setScoreO] = useState<number>(0);
+  const [showMessageBox, setShowMessageBox] = useState<boolean>(false);
+  const [message, setMessage] = useState<string>("");
   return (
     <>
+      {showMessageBox && <MessageBox message={message} setShowMessage={setShowMessageBox}/>}
       <ScoreBoard scoreX={scoreX} scoreO={scoreO}/>
-      <Grid scoreX={scoreX} setScoreX={setScoreX} scoreO={scoreO} setScoreO={setScoreO}/>
+      <Grid scoreX={scoreX} setScoreX={setScoreX} scoreO={scoreO} setScoreO={setScoreO} setMessage={setMessage} setShowMessage={setShowMessageBox}/>
       <Footer/>
     </>
   );
-- 
cgit v1.2.3

