From 4e2ed4fb9e8d2c8b72d79810dc8ec94fbbe2c371 Mon Sep 17 00:00:00 2001
From: Yakup Afsin <yakupafsin422@gmail.com>
Date: Mon, 13 Oct 2025 01:08:23 +0100
Subject: [PATCH 1/2] fix(modal): disable button and update styles based on
 selection

---
 components/modal.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/modal.js b/components/modal.js
index 3925c0cc7..b93c55997 100644
--- a/components/modal.js
+++ b/components/modal.js
@@ -150,7 +150,13 @@ export default function Modal({
                     <div className='flex items-center justify-center'>
                       <button
                         type='submit'
-                        className=' rounded px-4 py-2 text-white bg-green-700'
+                        disabled={selected.length === 0}
+                        title={selected.length === 0 ? 'Please select a certification.' : ''}
+                        className={`rounded px-4 py-2 text-white ${
+                          selected.length === 0
+                            ? 'bg-gray-400 cursor-not-allowed'
+                            : 'bg-green-700 hover:bg-green-800'
+                        }`}
                       >
                         Create
                       </button>

From da590fc33c94e8827a15071d3b29257f4ab4073a Mon Sep 17 00:00:00 2001
From: Yakup Afsin <yakupafsin422@gmail.com>
Date: Mon, 13 Oct 2025 14:57:05 +0100
Subject: [PATCH 2/2] fix(modal): update snapshots

---
 __tests__/components/__snapshots__/modal.test.jsx.snap | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/__tests__/components/__snapshots__/modal.test.jsx.snap b/__tests__/components/__snapshots__/modal.test.jsx.snap
index 93d5bf2f4..515d5c209 100644
--- a/__tests__/components/__snapshots__/modal.test.jsx.snap
+++ b/__tests__/components/__snapshots__/modal.test.jsx.snap
@@ -179,7 +179,9 @@ exports[`Modal Component renders whole form after header clicked 1`] = `
             className="flex items-center justify-center"
           >
             <button
-              className=" rounded px-4 py-2 text-white bg-green-700"
+              className="rounded px-4 py-2 text-white bg-gray-400 cursor-not-allowed"
+              disabled={true}
+              title="Please select a certification."
               type="submit"
             >
               Create