cleaned up test code from front end demo app

Author: Zachary Freeman

demo-app/src/client/Components/Home.tsx

@@ -1,33 +1,10 @@
-import { set } from 'lodash';
 import React from 'react';
-import { useState } from 'react';
 
 function Home() {
-  const [dummyDummy1, setDummyData1] = useState('dummyData1');
-  const [dummyDummy2, setDummyData2] = useState('dummyData2');
-
-  function handleClick1() {
-    setDummyData1((dummyData1) => (dummyData1 === 'dummyData1' ? 'test1' : 'dummyData1'));
-  }
-
-  function handleClick2() {
-    setDummyData2((dummyData2) => (dummyData2 === 'dummyData2' ? 'test2' : 'dummyData2'));
-  }
   return (
     <div className='about'>
-      <p>{dummyDummy1}</p>
-      <p>{dummyDummy2}</p>
-      <button
-        onClick={() => {
-          handleClick1();
-          handleClick2();
-        }}
-      >
-        {' '}
-        Test{' '}
-      </button>
-      {/* <h1>Lorem Ipsum</h1> */}
-      {/* <p>
+      <h1>Lorem Ipsum</h1>
+      <p>
         "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
         ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
         laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
@@ -40,7 +17,7 @@ function Home() {
         laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
         voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
         cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
-      </p> */}
+      </p>
     </div>
   );
 }

demo-app/src/client/Components/Increment.tsx

@@ -4,20 +4,20 @@ import { BoardText } from '../../types';
 import { Function } from 'lodash';
 function Increment() {
   const [count, setCount] = useState(0);
-  // const [value, setValue]: [BoardText, any] = useState('-');
+  const [value, setValue]: [BoardText, any] = useState('-');
   return (
     <div>
       <button className='increment' onClick={() => setCount(count + 1)}>
         You clicked me {count} times.
       </button>
-      {/* <div> */}
-      {/* <Box
-        value={value}
-        column={3}
-        row={2}
-        handleBoxClick={() => setValue((value: BoardText) => (value == 'X' ? 'O' : 'X'))}
-      /> */}
-      {/* </div> */}
+      <div>
+        <Box
+          value={value}
+          column={3}
+          row={2}
+          handleBoxClick={() => setValue((value: BoardText) => (value == 'X' ? 'O' : 'X'))}
+        />
+      </div>
     </div>
   );
 }

demo-app/src/client/Components/Nav.tsx

@@ -13,9 +13,6 @@ function Nav() {
       <Link className='link' to='/buttons'>
         Counter
       </Link>
-      {/* <Link className='link' to='/test'>
-        Test
-      </Link> */}
     </div>
   );
 }

demo-app/src/client/Router.tsx

@@ -6,7 +6,6 @@ import Nav from './Components/Nav';
 import Board from './Components/Board';
 import Home from './Components/Home';
 import Buttons from './Components/Buttons';
-import Test from './Components/Test';
 
 const domNode = document.getElementById('root');
 const root = createRoot(domNode);
@@ -18,7 +17,6 @@ root.render(
       <Route path='/tictactoe' element={<Board />} />
       <Route path='/' element={<Home />} />
       <Route path='/buttons' element={<Buttons />} />
-      <Route path='/test' element={<Test />} />
     </Routes>
   </BrowserRouter>,
 );