Correction in List view.

This commit is contained in:
Kartik Sharma 2025-12-08 16:33:44 +05:30
parent 36f802dc62
commit 51e7509cb6
2 changed files with 93 additions and 84 deletions

View File

@ -149,7 +149,7 @@ const OrgPickerFromSPId = () => {
{/* Footer Back button */} {/* Footer Back button */}
{flowType !== "default" && ( {flowType !== "default" && (
<div className="d-flex text-secondary mt-3"> <div className="d-flex text-secondary mt-7">
<button <button
type="button" type="button"
className="btn btn-xs btn-outline-secondary" className="btn btn-xs btn-outline-secondary"

View File

@ -4,18 +4,19 @@ import { ITEMS_PER_PAGE } from "../../utils/constants";
import Avatar from "../common/Avatar"; import Avatar from "../common/Avatar";
import { useDebounce } from "../../utils/appUtils"; import { useDebounce } from "../../utils/appUtils";
import Pagination from "../common/Pagination"; import Pagination from "../common/Pagination";
import { SpinnerLoader } from "../common/Loader";
const OrganizationsList = ({searchText}) => { const OrganizationsList = ({ searchText }) => {
const [currentPage, setCurrentPage] = useState(1); const [currentPage, setCurrentPage] = useState(1);
const searchString = useDebounce(searchText,500) const searchString = useDebounce(searchText, 500)
const { const {
data = [], data = [],
isLoading, isLoading,
isFetching, isFetching,
isError, isError,
error, error,
} = useOrganizationsList(ITEMS_PER_PAGE, 1, true,null,searchString); } = useOrganizationsList(ITEMS_PER_PAGE, 1, true, null, searchString);
const {onClose, startStep, flowType, onOpen,orgData } = useOrganizationModal(); const { onClose, startStep, flowType, onOpen, orgData } = useOrganizationModal();
const organizationsColumns = [ const organizationsColumns = [
{ {
@ -132,8 +133,8 @@ const OrganizationsList = ({searchText}) => {
))} ))}
<td className="sticky-action-column "> <td className="sticky-action-column ">
<div className="d-flex justify-content-center gap-2"> <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-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-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> <i className="bx bx-trash text-danger cursor-not-allowed"></i>
</div> </div>
</td> </td>
@ -144,10 +145,18 @@ const OrganizationsList = ({searchText}) => {
<td <td
colSpan={organizationsColumns.length + 1} colSpan={organizationsColumns.length + 1}
className="text-center" className="text-center"
style={{ height: "250px" }}
> >
<p className="fw-semibold">{isLoading ? "Loading....":"Not Found Organization"}</p> {isLoading ? (
<div className="d-flex justify-content-center align-items-center h-100">
<SpinnerLoader />
</div>
) : (
<p className="fw-semibold mt-3">Not Found Organization</p>
)}
</td> </td>
</tr> </tr>
)} )}
</tbody> </tbody>
</table> </table>