relative settings and edit API added

2024-07-23 19:34:15 +01:00
parent 7eb26ce88a
commit 5a97e9a185
5 changed files with 286 additions and 6 deletions
@@ -3,6 +3,7 @@ import { handlePagingFunc } from '../../../Pagination/HandlePagination';
 import PaginatedList  from '../../../Pagination/PaginatedList';

 import RelativePopout from './RelativePopout';
+import RelativeReminderPopout from './RelativeReminderPopout';

 export default function RelativeTable({relativeList, familyList}) {
  
@@ -15,9 +16,15 @@ export default function RelativeTable({relativeList, familyList}) {

    const [relativePopout, setRelativePopout] = useState({show:false, data:null})

+    const [reminderPopout, setReminderPopout] = useState({show:false, data:null})
+
    const closePopout = () => {
      setRelativePopout({show:false, data:null})
    }
+
+    const closeReminderPopout = () => {
+      setReminderPopout({show:false, data:null})
+    }
  
    const handlePagination = (e) => {
      handlePagingFunc(e, setCurrentPage);
@@ -56,9 +63,21 @@ export default function RelativeTable({relativeList, familyList}) {
                            {/* <span>Family Type</span> */}
                            <span>{value.family_type && value.family_type.toUpperCase()}</span>
                          </td>
+                          {value.status_action ?
+                          <td className='py-4 px-2 text-center'>
+                            <button
+                              type='button'
+                              className='p-1 cursor-pointer text-center bg-sky-50'
+                              onClick={() => setReminderPopout({show:true, data:{relativeSelected:value}})}
+                            >
+                              {value.status && value.status}
+                            </button>
+                          </td>
+                            :
                          <td className='py-4 px-2 text-center'>
                            {value.status && value.status}
                          </td>
+                          }
                          <td className='py-4 px-2 text-center'>
                            {value.kid_count && value.kid_count}
                          </td>
@@ -120,6 +139,16 @@ export default function RelativeTable({relativeList, familyList}) {
            familyList={familyList}
          />
        }
+
+        {reminderPopout.show &&
+          <RelativeReminderPopout
+            situation={reminderPopout.show}
+            action={closeReminderPopout}
+            relativeSelected={reminderPopout.data.relativeSelected}
+            familyList={familyList}
+          />
+        }
+
      </>
      );
    };