From 9a4ad4922a7973a83dd321ac6264a01a628da21e Mon Sep 17 00:00:00 2001
From: stcalica <kycalica@gmail.com>
Date: Thu, 6 Jun 2024 08:53:44 -0700
Subject: [PATCH] fixed requirements

---
 templates/RequirementsPage/Main/index.tsx | 30 +++++++++++------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/templates/RequirementsPage/Main/index.tsx b/templates/RequirementsPage/Main/index.tsx
index b55cf50..941639a 100644
--- a/templates/RequirementsPage/Main/index.tsx
+++ b/templates/RequirementsPage/Main/index.tsx
@@ -4,12 +4,12 @@ import {requirements} from '@/constants/badgerequirements';
 type MainProps = {};
 
 interface Requirement {
-    badge: string;
-    age: string;
-    grade: string;
-    rank: string;
-    cost: string;
-    prerequisites: string;
+    badge: string | null;
+    age: string | null;
+    grade: string | null;
+    rank: string | null;
+    cost: string | null;
+    prerequisites: string | null;
   }
   
   const RequirementsTable: React.FC = () => {
@@ -26,15 +26,15 @@ interface Requirement {
             </tr>
           </thead>
           <tbody>
-            {requirements.map((r: Requirement, index: number) => (
-              <tr key={index}>
-                <td className="border border-n-300 px-4 py-2 text-left">{r.badge}</td>
-                <td className="border border-n-300 px-4 py-2 text-left">{r.age}</td>
-                <td className="border border-n-300 px-4 py-2 text-left">{r.grade}</td>
-                <td className="border border-n-300 px-4 py-2 text-left">{r.rank}</td>
-                <td className="border border-n-300 px-4 py-2 text-left">{r.prerequisites}</td>
-              </tr>
-            ))}
+          {requirements.map((r: Requirement, index: number) => (
+          <tr key={index}>
+            <td className="border border-n-300 px-4 py-2 text-left">{r.badge}</td>
+            <td className="border border-n-300 px-4 py-2 text-left">{r.age}</td>
+            <td className="border border-n-300 px-4 py-2 text-left">{r.grade}</td>
+            <td className="border border-n-300 px-4 py-2 text-left">{r.rank}</td>
+            <td className="border border-n-300 px-4 py-2 text-left">{r.prerequisites}</td>
+          </tr>
+        ))}
           </tbody>
         </table>
       </div>