From 01ec8baa9b4ce095e5cf7798715d0997c154400f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Caio=20Eduardo=20Ramos=20Ar=C3=A3es?=
 <caio.araes01@gmail.com>
Date: Wed, 7 Jun 2023 10:52:47 -0300
Subject: [PATCH] Add Reorder Buffer table

---
 pages/index.js | 54 +++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 40 insertions(+), 14 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 6a52ab8..de1663c 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -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([]);
 
@@ -33,31 +34,33 @@ export default function Home() {
             </Navbar>
             <main>
                 <Container>
-                    <div className="my-4">
-                        <h3>Instruction Status</h3>
+                <div className="my-4">
+                        <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>
-                                </tr>
-                            ))}
+                            <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>
         </>