diff --git a/src/features/cashier-management/components/update-cashier/UpdateCashierSummary.tsx b/src/features/cashier-management/components/update-cashier/UpdateCashierSummary.tsx index fef2394..dd26646 100644 --- a/src/features/cashier-management/components/update-cashier/UpdateCashierSummary.tsx +++ b/src/features/cashier-management/components/update-cashier/UpdateCashierSummary.tsx @@ -4,6 +4,7 @@ import useBankCRUDService from '../../services/BankDetailsCRUDService'; import useCashierCRUDService from '../../services/CashierCRUDService'; import { useEffect } from 'react'; import { toast } from 'react-toastify'; +import TableRow from '../../../../shared/table_row/TableRow'; const UpdateCashierSummary = () => { const { setCurrentComponent } = useCashierContext(); @@ -16,8 +17,12 @@ const UpdateCashierSummary = () => { // // const { cashierBankDetails, fetchBankDetailsById } = useBankCRUDService(); - const { cashierDetails, fetchCashierById, fetchImageOfEmployer,profileImageUrl } = - useCashierCRUDService(); + const { + cashierDetails, + fetchCashierById, + fetchImageOfEmployer, + profileImageUrl, + } = useCashierCRUDService(); useEffect(() => { if (employerId) { @@ -30,94 +35,100 @@ const UpdateCashierSummary = () => { }, []); return ( -
Personal Information
+- Name:{' '} - {cashierDetails.employerFirstName} {cashierDetails.employerLastName} -
-- Nickname:{' '} - {cashierDetails.employerNicName} -
-- Email:{' '} - {cashierDetails.employerEmail} -
-- Phone Number:{' '} - {cashierDetails.employerPhone} -
-- Address:{' '} - {cashierDetails.employerAddress} -
-- Date of Birth:{' '} - {cashierDetails.dateOfBirth?.slice(0, 10)} -
-Employment Details
-- Role: {cashierDetails.role} -
-- Assign Branch:{' '} - {cashierDetails.branchId} -
-- Base Salary:{' '} - {cashierDetails.employerSalary} + src={ + profileImageUrl || + 'https://static-00.iconduck.com/assets.00/person-icon-1901x2048-a9h70k71.png' + } + alt='Profile' + className='w-64 h-64 rounded-full' + /> +
+ Employee {cashierDetails.employerFirstName}
+Bank Details
+- Additional Notes:{' '} - {cashierBankDetails.employerDescription} -
+ {/* Personal Information Section */} -- Monthly Payment:{' '} - {cashierBankDetails.monthlyPayment} -
+Employment Information
+