Changes in Teams dropdown.

This commit is contained in:
Kartik Sharma 2025-09-20 11:21:56 +05:30
parent 1da587d010
commit b39df5f665

View File

@ -265,7 +265,7 @@ const Teams = () => {
<div className="col-md-6 col-12 d-flex align-items-center"> <div className="col-md-6 col-12 d-flex align-items-center">
<div className="dataTables_length text-start py-1 px-0 col-md-4 col-12"> <div className="dataTables_length text-start py-1 px-0 col-md-4 col-12">
{servicesLoading ? ( {servicesLoading ? (
<span>Loading...</span> <span></span>
) : assignedServices?.length > 1 ? ( ) : assignedServices?.length > 1 ? (
<label> <label>
<select <select
@ -287,24 +287,18 @@ const Teams = () => {
) : ( ) : (
<div <div
style={{ style={{
fontSize: "0.875rem",
height: "32px",
width: "190px",
border: "1px solid #ced4da",
borderRadius: "0.25rem",
padding: "4px 8px",
display: "flex",
alignItems: "center",
}} }}
> >
{/* fier fitting */}
{assignedServices?.length === 1 {assignedServices?.length === 1
? assignedServices[0].name ?<h5>{ assignedServices[0].name}</h5>
: "No service available"} : "No service available"}
</div> </div>
)} )}
</div> </div>
<div className="dataTables_filter d-inline-flex align-items-center ms-2"> {/* <div className="dataTables_filter d-inline-flex align-items-center ms-2">
<input <input
type="search" type="search"
className="form-control form-control-sm me-4" className="form-control form-control-sm me-4"
@ -313,11 +307,11 @@ const Teams = () => {
value={searchTerm} value={searchTerm}
onChange={handleSearch} onChange={handleSearch}
/> />
</div> </div> */}
</div> </div>
<div className="col-md-6 col-12 d-flex justify-content-end align-items-center"> <div className="col-md-6 col-12 d-flex justify-content-end align-items-center">
<div className="form-check form-switch me-4 mt-2"> <div className="form-check form-switch me-2 mt-2">
<input <input
type="checkbox" type="checkbox"
className="form-check-input" className="form-check-input"
@ -329,6 +323,16 @@ const Teams = () => {
{activeEmployee ? "Active Employees" : "Inactive Employees"} {activeEmployee ? "Active Employees" : "Inactive Employees"}
</label> </label>
</div> </div>
<div className="dataTables_filter d-inline-flex align-items-center ms-2">
<input
type="search"
className="form-control form-control-sm me-4"
placeholder="Search by Name or Role"
aria-controls="DataTables_Table_0"
value={searchTerm}
onChange={handleSearch}
/>
</div>
<button <button
type="button" type="button"