From 7e4be6788fd21cf91e8df916ffc277b927be13dd Mon Sep 17 00:00:00 2001
From: Werner <guilhermeqwerner@gmail.com>
Date: Mon, 12 Jun 2023 08:31:06 -0300
Subject: [PATCH] Update tables

---
 pages/index.js  |   2 +-
 pages/runner.js | 112 +++++++++++++++++++++++++-----------------------
 2 files changed, 59 insertions(+), 55 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 78488fa..f8c1278 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -104,7 +104,7 @@ export default function Home() {
                                 </Row>
                                 <Row className="row my-4">
                                     <Col>
-                                        <Table bordered hover>
+                                        <Table striped bordered hover>
                                             <thead>
                                                 <tr>
                                                     <th>OP</th>
diff --git a/pages/runner.js b/pages/runner.js
index a6e8ec8..7ad4329 100644
--- a/pages/runner.js
+++ b/pages/runner.js
@@ -547,36 +547,11 @@ export default function Home() {
                     </Row>
                     <hr />
                     <Row>
-                        <Col>
-                            <div className="mb-4">
-                                <h3>Instruction Status</h3>
-                            </div>
-                            <Table 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>{`${instr.instrucao.operacao} ${instr.instrucao.registradorR} ${instr.instrucao.registradorS} ${instr.instrucao.registradorT}`}</td>
-                                            <td>{instr.issue}</td>
-                                            <td>{instr.exeCompleta}</td>
-                                            <td>{instr.write}</td>
-                                        </tr>
-                                    ))}
-                                </tbody>
-                            </Table>
-                        </Col>
                         <Col>
                             <div className="mb-4">
                                 <h3>Reorder Buffer</h3>
                             </div>
-                            <Table bordered hover>
+                            <Table striped bordered hover>
                                 <thead>
                                     <tr>
                                         <th>Entry</th>
@@ -601,13 +576,68 @@ export default function Home() {
                                 </tbody>
                             </Table>
                         </Col>
+                        <Col>
+                            <div className="mb-4">
+                                <h3>Registers Status</h3>
+                            </div>
+                            <Table striped bordered hover>
+                                <thead>
+                                    <tr>
+                                        <th>F0</th>
+                                        <th>F1</th>
+                                        <th>F2</th>
+                                        <th>F3</th>
+                                        <th>F4</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        {[0, 1, 2, 3, 4].map((i, j) => (
+                                            <td>{registerStatus[i]}</td>
+                                        ))}
+                                    </tr>
+                                </tbody>
+                                <thead>
+                                    <tr>
+                                        <th>F5</th>
+                                        <th>F6</th>
+                                        <th>F7</th>
+                                        <th>F8</th>
+                                        <th>F9</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        {[5, 6, 7, 8, 9].map((i, j) => (
+                                            <td>{registerStatus[i]}</td>
+                                        ))}
+                                    </tr>
+                                </tbody>
+                                <thead>
+                                    <tr>
+                                        <th>F10</th>
+                                        <th>F11</th>
+                                        <th>F12</th>
+                                        <th>F13</th>
+                                        <th>F14</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        {[10, 11, 12, 13, 14].map((i, j) => (
+                                            <td>{registerStatus[i]}</td>
+                                        ))}
+                                    </tr>
+                                </tbody>
+                            </Table>
+                        </Col>
                     </Row>
                     <Row>
                         <Col>
                             <div className="mb-4">
                                 <h3>Reservation Stations (Load/Store)</h3>
                             </div>
-                            <Table bordered hover>
+                            <Table striped bordered hover>
                                 <thead>
                                     <tr>
                                         <th>Time</th>
@@ -634,7 +664,7 @@ export default function Home() {
                             <div className="mb-4">
                                 <h3>Reservation Stations</h3>
                             </div>
-                            <Table bordered hover>
+                            <Table striped bordered hover>
                                 <thead>
                                     <tr>
                                         <th>Time</th>
@@ -664,32 +694,6 @@ export default function Home() {
                             </Table>
                         </Col>
                     </Row>
-                    <div className="mb-4">
-                        <h3>Registers Status</h3>
-                    </div>
-                    <Table bordered hover>
-                        <thead>
-                            <tr>
-                                <th>F0</th>
-                                <th>F1</th>
-                                <th>F2</th>
-                                <th>F3</th>
-                                <th>F4</th>
-                                <th>F5</th>
-                                <th>F6</th>
-                                <th>F7</th>
-                                <th>F8</th>
-                                <th>F9</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                {registerStatus.map((val, idx) => (
-                                    <td>{val}</td>
-                                ))}
-                            </tr>
-                        </tbody>
-                    </Table>
                     <div className="my-4 text-center">
                         <span className="text-muted">Caio Arâes, David Freitas, Guilherme Werner</span>
                     </div>