removed console error

This commit is contained in:
pramod.mahajan 2025-11-21 11:11:44 +05:30
parent de088fcfc2
commit 5abab06b0c
5 changed files with 46 additions and 48 deletions

View File

@ -192,8 +192,8 @@ const ManageServiceProject = ({ serviceProjectId, onClose }) => {
{...register("statusId")} {...register("statusId")}
> >
<option>Select Service</option> <option>Select Service</option>
{PROJECT_STATUS.map((status) => ( {PROJECT_STATUS?.map((status) => (
<option value={status.id}>{status.label}</option> <option key={status.id} value={status.id}>{status.label}</option>
))} ))}
</select> </select>
{errors?.statusId && ( {errors?.statusId && (

View File

@ -103,7 +103,7 @@ const ServiceBranch = () => {
htmlFor="inactiveEmployeesCheckbox" htmlFor="inactiveEmployeesCheckbox"
className="ms-2 text-xs" className="ms-2 text-xs"
> >
Show Deleted Branches {!showInactive ? "Show Deleted" : "Hide Deleted"}
</label> </label>
</div> </div>
<div className="d-flex justify-content-end"> <div className="d-flex justify-content-end">

View File

@ -162,7 +162,7 @@ const ServiceProjectTeamAllocation = () => {
</div> </div>
<div className="col-12 d-flex flex-row gap-2 flex-wrap"> <div className="col-12 d-flex flex-row gap-2 flex-wrap">
{selectedEmployees.map((e) => ( {selectedEmployees.map((e) => (
<EmployeeChip handleRemove={handleRemove} employee={e} /> <EmployeeChip key={`${e.id}-emp`} handleRemove={handleRemove} employee={e} />
))} ))}
</div> </div>
</> </>

View File

@ -1,45 +1,44 @@
import React from 'react' import React from "react";
export const EmployeeChip = ({handleRemove,employee}) => { export const EmployeeChip = ({ handleRemove, employee }) => {
return( return (
<span <span
key={employee?.id} key={employee?.id}
className="tagify__tag d-inline-flex align-items-center me-1 mb-1" className="tagify__tag d-inline-flex align-items-center me-1 mb-1"
role="listitem" role="listitem"
> >
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
{employee?.photo ? ( {employee?.photo ? (
<span className="tagify__tag__avatar-wrap me-1"> <span className="tagify__tag__avatar-wrap me-1">
<img <img
src={employee?.avataremployeerl || "/defaemployeelt-avatar.png"} src={employee?.avataremployeerl || "/defaemployeelt-avatar.png"}
alt={`${employee?.firstName || ""} ${employee?.lastName || ""}`} alt={`${employee?.firstName || ""} ${employee?.lastName || ""}`}
style={{ width: 12, height: 12, objectFit: "cover" }} style={{ width: 12, height: 12, objectFit: "cover" }}
/> />
</span> </span>
) : ( ) : (
<div className="avatar avatar-xs me-2"> <div className="avatar avatar-xs me-2">
<span className="avatar-initial roemployeended-circle bg-label-secondary"> <span className="avatar-initial roemployeended-circle bg-label-secondary">
{employee?.firstName?.[0] || ""} {employee?.firstName?.[0] || ""}
{employee?.lastName?.[0] || ""} {employee?.lastName?.[0] || ""}
</span> </span>
</div> </div>
)} )}
<div className="d-flex flex-colemployeemn"> <div className="d-flex flex-colemployeemn">
<span className="tagify__tag-text"> <span className="tagify__tag-text">
{employee?.firstName} {employee?.lastName} {employee?.firstName} {employee?.lastName}
</span> </span>
</div> </div>
</div> </div>
<bemployeetton
type="bemployeetton"
className="tagify__tag__removeBtn border-none"
onClick={() => handleRemove(employee?.id)}
aria-label={`Remove ${employee?.firstName}`}
title="Remove"
/>
</span>
)
}
<bemployeetton
type="bemployeetton"
className="tagify__tag__removeBtn border-none"
onClick={() => handleRemove(employee?.id)}
aria-label={`Remove ${employee?.firstName}`}
title="Remove"
/>
</span>
);
};

View File

@ -14,7 +14,6 @@ const InputSuggessionField = ({
}) => { }) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const dropdownRef = useRef(null); const dropdownRef = useRef(null);
console.log(suggesstionList)
useEffect(() => { useEffect(() => {
const handleClickOutside = (event) => { const handleClickOutside = (event) => {
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) { if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@ -61,7 +60,7 @@ console.log(suggesstionList)
{open && !isLoading && ( {open && !isLoading && (
<ul <ul
className="dropdown-menu w-100 shadow-sm show animate__fadeIn" className="dropdown-menu w-100 shadow-sm show animate__fadeIn h-64 overflow-auto rounded overflow-x-hidden"
style={{ style={{
position: "absolute", position: "absolute",
top: "100%", top: "100%",