Correction in Collection list and AttendancePage.

This commit is contained in:
Kartik Sharma 2025-12-08 11:16:21 +05:30
parent 76ad9d8c0c
commit f4a8668f39
6 changed files with 91 additions and 90 deletions

View File

@ -142,7 +142,7 @@ const Documents = ({ Document_Entity, Entity }) => {
return (
<DocumentContext.Provider value={contextValues}>
<div className="mt-2">
<div className="card page-min-h d-flex p-5">
<div className="card page-min-h table-responsive d-flex p-5">
<DocumentFilterChips filters={filters} filterData={filterData} removeFilterChip={removeFilterChip} />
<div className="row align-items-center">
{/* Search */}

View File

@ -178,7 +178,7 @@ const DocumentsList = ({
/>
)}
<div className="table-responsive">
<div className="">
<table className="table border-top dataTable text-nowrap">
<thead>
<tr className="shadow-sm">

View File

@ -71,7 +71,7 @@ const EmpAttendance = () => {
<AttendLogs Id={attendanceId} />
</GlobalModel>
)}
<div className="card px-4 mt-3 py-2 " style={{ minHeight: "500px" }}>
<div className="table-responsive card px-4 mt-3 py-2 " style={{ minHeight: "500px" }}>
<div
className="dataTables_length text-start py-2 d-flex justify-content-between "
id="DataTables_Table_0_length"
@ -84,7 +84,7 @@ const EmpAttendance = () => {
</>
</div>
</div>
<div className="table-responsive text-nowrap">
<div className="text-nowrap">
{!loading && data.length === 0 && (
<div className="text-center py-5">No employee logs</div>
)}

View File

@ -5,17 +5,17 @@ import Avatar from "../common/Avatar";
import { useDebounce } from "../../utils/appUtils";
import Pagination from "../common/Pagination";
const OrganizationsList = ({searchText}) => {
const OrganizationsList = ({ searchText }) => {
const [currentPage, setCurrentPage] = useState(1);
const searchString = useDebounce(searchText,500)
const searchString = useDebounce(searchText, 500)
const {
data = [],
isLoading,
isFetching,
isError,
error,
} = useOrganizationsList(ITEMS_PER_PAGE, 1, true,null,searchString);
const {onClose, startStep, flowType, onOpen,orgData } = useOrganizationModal();
} = useOrganizationsList(ITEMS_PER_PAGE, 1, true, null, searchString);
const { onClose, startStep, flowType, onOpen, orgData } = useOrganizationModal();
const organizationsColumns = [
{
@ -94,7 +94,6 @@ const OrganizationsList = ({searchText}) => {
return (
<div
className="card-datatable table-responsive overflow-auto"
id="horizontal-example"
>
<div className="dataTables_wrapper no-footer px-2 ">
@ -132,8 +131,8 @@ const OrganizationsList = ({searchText}) => {
))}
<td className="sticky-action-column ">
<div className="d-flex justify-content-center gap-2">
<i className="bx bx-show text-primary cursor-pointer" onClick={()=>onOpen({startStep:5,orgData:org.id,flowType:"view"})}></i>
<i className="bx bx-edit text-secondary cursor-pointer" onClick={()=>onOpen({startStep:4,orgData:org,flowType:"edit"})}></i>
<i className="bx bx-show text-primary cursor-pointer" onClick={() => onOpen({ startStep: 5, orgData: org.id, flowType: "view" })}></i>
<i className="bx bx-edit text-secondary cursor-pointer" onClick={() => onOpen({ startStep: 4, orgData: org, flowType: "edit" })}></i>
<i className="bx bx-trash text-danger cursor-not-allowed"></i>
</div>
</td>
@ -145,7 +144,7 @@ const OrganizationsList = ({searchText}) => {
colSpan={organizationsColumns.length + 1}
className="text-center"
>
<p className="fw-semibold">{isLoading ? "Loading....":"Not Found Organization"}</p>
<p className="fw-semibold">{isLoading ? "Loading...." : "Not Found Organization"}</p>
</td>
</tr>
)}

View File

@ -202,7 +202,7 @@ const AttendancePage = () => {
</div>
{/* Search + Organization filter */}
<div className="col-12 col-md-auto mb-2 mt-md-0 ms-md-auto nav">
<div className="col-12 col-md-auto mb-2 mt-3 mt-md-0 ms-md-auto nav">
<div className="row g-2">
<div className="col-12 col-sm-6">
<select

View File

@ -47,10 +47,12 @@ const OrganizationPage = () => {
</div>
</div>
</div>
<div className="card page-min-h px-sm-4">
<div className="card table-responsive page-min-h">
<div className="card-body">
<OrganizationsList searchText={searchText} />
</div>
</div>
</div>
);
};