diff --git a/pages/index.js b/pages/index.js index 894c39c..6a52ab8 100644 --- a/pages/index.js +++ b/pages/index.js @@ -5,8 +5,13 @@ import Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown'; +import { useState } from 'react' export default function Home() { + const [instructionStatus, setInstructionStatus] = useState([]); + const [reservationStations, setReservationStations] = useState([]); + const [registerStatus, setRegisterStatus] = useState([]); + return ( <> @@ -21,7 +26,7 @@ export default function Home() { crossorigin="anonymous" /> - + Tomasulo @@ -29,35 +34,102 @@ export default function Home() {
-

Instruction Status

+

Instruction Status

- - - - + + + + + {instructionStatus.map((instr, index) => ( + + + + + + + ))} + +
#First NameLast NameUsernameInstructionIssuedExecuteWrite Result
batatabatatabatatabatata
+
+

Reservations Stations

+
+ + - - - - + + + + + + + + + + + {reservationStations.map((instr, index) => ( + + + + + + + + + + + ))} + +
1MarkOtto@mdoNameBusyOpVjVkQjQkA
batatabatatabatatabatatabatatabatatabatatabatata
+
+

Registers Status

+
+ + - - - - - - - - - + + + + + + + + + + + + + + + + + + {registerStatus.map((instr, index) => ( + + + + + + + + + + + + + + + + + + ))}
2JacobThornton@fat
3Larry the Bird@twitterFieldF0F2F4F6F8F10F14F16F18F20F22F24F28F30
Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1Add1