Certificate Document Image issue Fixing

This commit is contained in:
Srinath 2026-03-25 09:34:56 +05:30
parent 25f9a5c7df
commit 3fa82504a3
1 changed files with 19 additions and 14 deletions

View File

@ -55,7 +55,7 @@ const EmployeeForm = ({ formType }) => {
const [brId, setBrId] = useState(getSession('BranchId')); const [brId, setBrId] = useState(getSession('BranchId'));
const [AppId, setAppId] = useState(getSession('AppId')); const [AppId, setAppId] = useState(getSession('AppId'));
const [AdminUserId, setAdminUserId] = useState(getSession('UserId')); const [AdminUserId, setAdminUserId] = useState(getSession('UserId'));
const [ImageUrl, setImageUrl] = useState(null); const [ProfileImageUrl, setProfileImageUrl] = useState(null);
const [EmpTypeDropDownData, setEmpTypeDropDownData] = useState([]); const [EmpTypeDropDownData, setEmpTypeDropDownData] = useState([]);
const [seletedEmpTypeDrop, setseletedEmpTypeDrop] = useState(null); const [seletedEmpTypeDrop, setseletedEmpTypeDrop] = useState(null);
const [EmpDesgDropDownData, setEmpDesgDropDownData] = useState([]); const [EmpDesgDropDownData, setEmpDesgDropDownData] = useState([]);
@ -132,8 +132,8 @@ const EmployeeForm = ({ formType }) => {
postData['EmpDOJ'] = moment(SelectedDate).format('YYYY-MM-DD'); postData['EmpDOJ'] = moment(SelectedDate).format('YYYY-MM-DD');
postData['BranchId'] = brId; postData['BranchId'] = brId;
postData['MobileAppAccess'] = SelectedMobApp ? SelectedMobApp : 'N'; postData['MobileAppAccess'] = SelectedMobApp ? SelectedMobApp : 'N';
postData['EmpPhotoLink'] = ImageUrl postData['EmpPhotoLink'] = ProfileImageUrl
? ImageUrl ? ProfileImageUrl
: 'https://api.pozo.app/pozo-common-image-api/upload?fileId=655c9e25fe20def9916edf1f.png'; : 'https://api.pozo.app/pozo-common-image-api/upload?fileId=655c9e25fe20def9916edf1f.png';
// postData["Description"]=form?.getFieldValue("coachQualifications"), // postData["Description"]=form?.getFieldValue("coachQualifications"),
// postData["Certification"]=form?.getFieldValue("coachQualifications"), // postData["Certification"]=form?.getFieldValue("coachQualifications"),
@ -143,8 +143,8 @@ const EmployeeForm = ({ formType }) => {
// "Experience": form?.getFieldValue("coachExperience"), // "Experience": form?.getFieldValue("coachExperience"),
postData['ImageDetails'] = postData['ImageDetails'] =
(imageUrls || []) (imageUrls || [])
.filter((item) => item && (item.image || item.name)) ?.filter((item) => item && (item.image || item.name))
.map((item, index) => ({ ?.map((item, index) => ({
ImageUrl: item.image || '', ImageUrl: item.image || '',
ImageType: item.name || '', ImageType: item.name || '',
// ImageType: "Coach", // ImageType: "Coach",
@ -202,9 +202,17 @@ const EmployeeForm = ({ formType }) => {
setseletedEmpDeptDrop(editstate?.EmpDept); setseletedEmpDeptDrop(editstate?.EmpDept);
setseletedShiftDrop(editstate?.EmpShiftId); setseletedShiftDrop(editstate?.EmpShiftId);
setSelectedDate(editstate?.EmpDOJ); setSelectedDate(editstate?.EmpDOJ);
setImageUrl(editstate?.EmpPhotoLink); setProfileImageUrl(editstate?.EmpPhotoLink);
setSelectedLatitude(editstate?.Latitude); setSelectedLatitude(editstate?.Latitude);
setSelectedLongitude(editstate?.Longitude); setSelectedLongitude(editstate?.Longitude);
if (editstate?.ImageDetails?.length > 0) {
setImageUrls(
editstate.ImageDetails.map((img) => ({
image: img.ImageUrl || '',
name: img.ImageType || '',
}))
);
}
formRef.current?.setFieldsValue({ formRef.current?.setFieldsValue({
EmpDOJ: moment(editstate?.EmpDOJ), EmpDOJ: moment(editstate?.EmpDOJ),
}); });
@ -245,8 +253,6 @@ const EmployeeForm = ({ formType }) => {
}; };
return copy; return copy;
}); });
setImageUrl(url);
}; };
const updateImageName = (name, index = 0) => { const updateImageName = (name, index = 0) => {
@ -672,7 +678,7 @@ const EmployeeForm = ({ formType }) => {
// seletedEmpTypeDrop // seletedEmpTypeDrop
const updateImageUrl = (url) => { const updateImageUrl = (url) => {
setImageUrl(url); setProfileImageUrl(url);
}; };
const selectValue = async (e) => { const selectValue = async (e) => {
@ -1242,7 +1248,7 @@ const EmployeeForm = ({ formType }) => {
formType === 'edit' formType === 'edit'
? editstate?.EmpPhotoLink ? editstate?.EmpPhotoLink
: formRef.current?.getFieldsValue() : formRef.current?.getFieldsValue()
?.UserImage || ImageUrl; ?.UserImage || ProfileImageUrl;
// Always return a string // Always return a string
return typeof link === 'string' ? link : ''; return typeof link === 'string' ? link : '';
})()} })()}
@ -1624,11 +1630,10 @@ const EmployeeForm = ({ formType }) => {
} }
/> />
</Form.Item> </Form.Item>
<div className="sports-masterimage"> <div className="sports-masterimage">
{Array.from({ {Array?.from({
length: Math.max(1, imageUrls.length), length: Math.max(1, (imageUrls ?? []).length),
}).map((_, idx) => ( })?.map((_, idx) => (
<div key={idx} style={{ marginBottom: 12 }}> <div key={idx} style={{ marginBottom: 12 }}>
<div style={{ width: 'max-content' }}> <div style={{ width: 'max-content' }}>
<CropUpload <CropUpload