added status column

src/components/FamilyAcc/FamilySettings/Tabs/RelativeTable.jsx

@@ -32,6 +32,7 @@ export default function RelativeTable({relativeList, familyList}) {
                   <tr>
                     <th className='py-4 px-2'></th>
                     <th className='py-4 px-2'></th>
+                    <th className='py-4 px-2 text-center'>Status</th>
                     <th className='py-4 px-2 text-center'>Kids</th>
                     <th className='py-4 px-2'></th>
                   </tr>
@@ -58,6 +59,9 @@ export default function RelativeTable({relativeList, familyList}) {
                           <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>
                           <td className='py-4 px-2 flex items-center justify-end'>
                             <button
                               onClick={() => setRelativePopout({show:true, data:{relativeSelected:value}})}

src/components/OffersInterest/ManageInterestOffer.jsx

@@ -232,11 +232,11 @@ export default function ManageInterestOffer(props) {
                                     <div className="info-details w-full border-t">
                                         <div className="my-0 md:my-3 block md:flex items-center gap-10">
                                             <div className="my-3 md:my-0 flex items-center gap-1">
-                                                <p className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Name</p>
+                                                <p className="w-[200px] text-lg font-bold text-black dark:text-white tracking-wide">Name</p>
                                                 <p className="min-w-[100px] text-lg font-normal text-dark-gray dark:text-white tracking-wide">{props.offerDetails?.client_name}</p>
                                             </div>
                                             <div className="my-3 md:my-0 flex items-center gap-1">
-                                                <p className="w-[200px] text-lg font-bold text-dark-gray dark:text-white tracking-wide">Member Since</p>
+                                                <p className="w-[200px] text-lg font-bold text-black dark:text-white tracking-wide">Member Since</p>
                                                 <p className="min-w-[100px] text-lg font-normal text-dark-gray dark:text-white tracking-wide">
                                                     {clientAdded.getFullYear()}{" - "}
                                                     {clientAdded.getMonth() < 9 ? '0'+ (clientAdded.getMonth() + 1) : clientAdded.getMonth() + 1}
@@ -251,7 +251,7 @@ export default function ManageInterestOffer(props) {
                                                 <div className='w-full'>
                                                     <h1 className="text-xl font-extrabold text-black dark:text-white tracking-wide">Previous Job Statistics</h1>
                                                 </div>
-                                                <div className='p-2 flex flex-col md:flex-row gap-4 justify-center items-center max-w-3xl bg-sky-100'>
+                                                <div className='p-2 flex flex-col md:flex-row gap-4 justify-center items-center max-w-xl rounded-2xl bg-sky-100'>
                                                     <div className='contents md:flex flex-col gap-3'>
                                                         <div className='flex items-center gap-4'>  
                                                             <p className="min-w-[150px] text-lg font-bold text-black dark:text-white tracking-wide text-right">Completed:</p>
@@ -390,7 +390,7 @@ export default function ManageInterestOffer(props) {
                             </div>
                             {/* END OF Detail section */}
 
-                            <div className="p-4 w-full min-h-full bg-sky-100 dark:bg-dark-gray col-span-1">
+                            <div className="p-4 w-full min-h-full bg-sky-100 rounded-2xl dark:bg-dark-gray col-span-1">
                                 {/* Wallet balance and reward */}
                                 <div className='mb-4 border-b-2 flex flex-col justify-center items-center gap-4'>
                                     <div className='w-full flex flex-col lg:flex-row justify-center items-center gap-2'>