From e5afa98767c86c6161de8ec6570ddd85991b07c2 Mon Sep 17 00:00:00 2001
From: Rei <rei@reiyua.lol>
Date: Fri, 29 Dec 2023 11:25:34 +0000
Subject: [PATCH] Seperate each incident with a line

---
 src/App.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index d398654..c16c061 100644
--- a/src/App.js
+++ b/src/App.js
@@ -171,7 +171,7 @@ export function MyForm(props) {
 
         <Form.Group>
           <h2>Existing incidents in the database:</h2>
-          {incidents.map((incident) => (
+          {incidents.map((incident, index) => (
             <div key={incident.id}>
               <h3><u>Incident ID:</u></h3>
               <p>{incident.id}</p>
@@ -183,6 +183,7 @@ export function MyForm(props) {
               <p>{incident.context}</p>
               <h3>What word's did Ray use this time?:</h3>
               <p>{incident.selectedOptions.join(', ')}</p>
+              {index !== incidents.length - 1 && <hr style={{ fontWeight: 'bold' }} />}
             </div>
           ))}
         </Form.Group>