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
) }