Add Reorder Buffer table

This commit is contained in:
Caio Eduardo Ramos Arães
2023-06-07 10:52:47 -03:00
parent 00a54f7ada
commit 01ec8baa9b

View File

@ -9,6 +9,7 @@ import { useState } from 'react'
export default function Home() {
const [instructionStatus, setInstructionStatus] = useState([]);
const [reorderBuffer, setReorderBuffer] = useState([]);
const [reservationStations, setReservationStations] = useState([]);
const [registerStatus, setRegisterStatus] = useState([]);
@ -34,30 +35,32 @@ export default function Home() {
<main>
<Container>
<div className="my-4">
<h3>Instruction Status</h3>
<h3>Reorder Buffer</h3>
</div>
<Table striped bordered hover>
<thead>
<tr>
<th>Entry</th>
<th>Busy</th>
<th>Instruction</th>
<th>Issued</th>
<th>Execute</th>
<th>Write Result</th>
<th>State</th>
<th>Destination</th>
<th>Value</th>
</tr>
</thead>
<tbody>
{instructionStatus.map((instr, index) => (
<tr>
<td>batata</td>
<td>batata</td>
<td>batata</td>
<td>batata</td>
<td>batata</td>
<td>batata</td>
</tr>
))}
</tbody>
</Table>
<div className="my-4">
<h3>Reservations Stations</h3>
<h3>Reservation Stations</h3>
</div>
<Table striped bordered hover>
<thead>
@ -132,6 +135,29 @@ export default function Home() {
))}
</tbody>
</Table>
<div className="my-4">
<h3>Instruction Status</h3>
</div>
<Table striped bordered hover>
<thead>
<tr>
<th>Instruction</th>
<th>Issued</th>
<th>Execute</th>
<th>Write Result</th>
</tr>
</thead>
<tbody>
{instructionStatus.map((instr, index) => (
<tr>
<td>batata</td>
<td>batata</td>
<td>batata</td>
<td>batata</td>
</tr>
))}
</tbody>
</Table>
</Container>
</main>
</>