import Head from 'next/head' import Image from 'next/image' import Table from 'react-bootstrap/Table' 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 ( <> Tomasulo Tomasulo

Instruction Status

{instructionStatus.map((instr, index) => ( ))}
Instruction Issued Execute Write Result
batata batata batata batata

Reservations Stations

{reservationStations.map((instr, index) => ( ))}
Name Busy Op Vj Vk Qj Qk A
batata batata batata batata batata batata batata batata

Registers Status

{registerStatus.map((instr, index) => ( ))}
Field F0 F2 F4 F6 F8 F10 F14 F16 F18 F20 F22 F24 F28 F30
Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1 Add1
Caio Arâes, David Freitas, Guilherme Werner
) }