From 50551f1c7dff2031bfb60e2959eb4739e17a9e7f Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 6 Oct 2025 21:21:05 +0100
Subject: [PATCH] Checkbox added

---
 src/components/country/CountrySettings.jsx | 24 ++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/country/CountrySettings.jsx b/src/components/country/CountrySettings.jsx
index 63191da..f9d6532 100644
--- a/src/components/country/CountrySettings.jsx
+++ b/src/components/country/CountrySettings.jsx
@@ -45,10 +45,10 @@ export default function CountrySettings(){
                                                 <th scope="col" className="px-8">
                                                     Country
                                                 </th>
-                                                <th scope="col" className="px-2 text-right">
+                                                <th scope="col" className="px-2 text-center">
                                                     Status
                                                 </th>
-                                                <th scope="col" className="px-2 text-right">
+                                                <th scope="col" className="px-2 text-center">
                                                     Signup
                                                 </th>
                                             </tr>
@@ -67,13 +67,25 @@ export default function CountrySettings(){
                                                     </div>
                                                 </td>
                                                 <td className="px-8">
-                                                    <div className="text-right">
-                                                        <div className="text-base font-semibold">{item?.status}</div>
+                                                    <div className="text-center">
+                                                        <input 
+                                                            className="w-4 h-4 cursor-pointer text-primary bg-gray-100 border-gray-300 rounded-sm focus:ring-primary/80 dark:focus:ring-primary dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
+                                                            type="checkbox" 
+                                                            checked={item?.status} 
+                                                            name="status" 
+                                                            id="status" 
+                                                        />
                                                     </div>
                                                 </td>
                                                 <td className="px-8">
-                                                    <div className="text-right">
-                                                        <div className="text-base font-semibold">{item?.signup}</div>
+                                                    <div className="text-center">
+                                                        <input 
+                                                            className="w-4 h-4 cursor-pointer text-primary bg-gray-100 border-gray-300 rounded-sm focus:ring-primary/80 dark:focus:ring-primary dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
+                                                            type="checkbox" 
+                                                            checked={item?.signup} 
+                                                            name="signup" 
+                                                            id="signup" 
+                                                        />
                                                     </div>
                                                 </td>
                                             </tr>