admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

added right path for organization info show

Browse Source
This commit is contained in:
pramod.mahajan 2025-09-29 18:00:48 +05:30
parent 6d74940c0c
commit 20c7cf7f37
1 changed files with 39 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/components/Organization/ViewOrganization.jsx
View File

@ -4,27 +4,37 @@ import { OrgDetailsSkeleton } from "./OrganizationSkeleton";
const VieworgDataanization = ({ orgId }) => { const VieworgDataanization = ({ orgId }) => {
const { data, isLoading, isError, error } = useOrganization(orgId); const { data, isLoading, isError, error } = useOrganization(orgId);
if (isLoading) return <OrgDetailsSkeleton/>; if (isLoading) return <OrgDetailsSkeleton />;
if (isError) return <div>{error.message}</div>; if (isError) return <div>{error.message}</div>;
return ( return (
<div className="row text-black text-black text-start "> <div className="row text-black text-black text-start ">
{/* Header */} {/* Header */}
<div className="col-12 mb-3"> <div className="col-12 mb-3">
<div className="d-flex justify-content-between align-items-center text-start mb-1"> <div className="d-flex justify-content-between align-items-center text-start mb-1">
<div className="d-flex flex-row gap-2 align-items-center text-wrap"> <div className="d-flex flex-row gap-2 align-items-center text-wrap">
<img <img
src="/public/assets/img/orgLogo.png" src="/public/assets/img/orgLogo.png"
alt="logo" alt="logo"
width={40} width={40}
height={40} height={40}
/> <p className="fw-semibold fs-6 m-0">{data?.data?.name}</p> />{" "}
<p className="fw-semibold fs-6 m-0">{data?.name}</p>
</div> </div>
<div className="text-end"> <div className="text-end">
<span className={`badge bg-label-${data?.data?.isActive ? "primary":"secondary"} `}>{data?.data?.isActive ? "Active":"In-Active"} </span> <span
className={`badge bg-label-${
data?.isActive ? "primary" : "secondary"
} `}
>
{data?.isActive ? "Active" : "In-Active"}{" "}
</span>
</div> </div>
</div> </div>
</div> </div>
<div className="d-flex text-secondary mb-2"> <i className="bx bx-sm bx-info-circle me-1" /> Organization Info</div> <div className="d-flex text-secondary mb-2">
{" "}
<i className="bx bx-sm bx-info-circle me-1" /> Organization Info
</div>
{/* Contact Info */} {/* Contact Info */}
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
<div className="d-flex"> <div className="d-flex">
@ -32,9 +42,9 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-2 mb-0 fw-semibold" className="form-label me-2 mb-0 fw-semibold"
style={{ minWidth: "130px" }} style={{ minWidth: "130px" }}
> >
<i className="bx bx-sm bx-user me-1" /> Contact Person : <i className="bx bx-sm bx-user me-1" /> Contact Person :
</label> </label>
<div className="text-muted">{data?.data?.contactPerson}</div> <div className="text-muted">{data?.contactPerson}</div>
</div> </div>
</div> </div>
<div className="col-md-6 mb-3"> <div className="col-md-6 mb-3">
@ -43,9 +53,9 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-2 mb-0 fw-semibold" className="form-label me-2 mb-0 fw-semibold"
style={{ minWidth: "130px" }} style={{ minWidth: "130px" }}
> >
<i className='bx bx-sm me-1 bx-phone'></i> Contact Number : <i className="bx bx-sm me-1 bx-phone"></i> Contact Number :
</label> </label>
<div className="text-muted">{data?.data?.contactNumber}</div> <div className="text-muted">{data?.contactNumber}</div>
</div> </div>
</div> </div>
<div className="col-md-12 mb-3"> <div className="col-md-12 mb-3">
@ -54,9 +64,9 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-2 mb-0 fw-semibold" className="form-label me-2 mb-0 fw-semibold"
style={{ minWidth: "130px" }} style={{ minWidth: "130px" }}
> >
<i className='bx bx-sm me-1 bx-envelope'></i> Email Address : <i className="bx bx-sm me-1 bx-envelope"></i> Email Address :
</label> </label>
<div className="text-muted">{data?.data?.email}</div> <div className="text-muted">{data?.email}</div>
</div> </div>
</div> </div>
<div className="col-6 mb-3"> <div className="col-6 mb-3">
@ -65,10 +75,10 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-2 mb-0 fw-semibold" className="form-label me-2 mb-0 fw-semibold"
style={{ maxWidth: "130px" }} style={{ maxWidth: "130px" }}
> >
<i className="bx bx-sm me-1 bx-barcode"></i> <i className="bx bx-sm me-1 bx-barcode"></i>
Service Provider Id (SPRID) : Service Provider Id (SPRID) :
</label> </label>
<div className="text-muted">{data?.data?.sprid}</div> <div className="text-muted">{data?.sprid}</div>
</div> </div>
</div> </div>
@ -78,10 +88,10 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-2 mb-0 fw-semibold" className="form-label me-2 mb-0 fw-semibold"
style={{ maxWidth: "130px" }} style={{ maxWidth: "130px" }}
> >
<i className="bx bx-sm me-1 bx-group"></i> <i className="bx bx-sm me-1 bx-group"></i>
Employees : Employees :
</label> </label>
<div className="text-muted">{data?.data?.activeEmployeeCount}</div> <div className="text-muted">{data?.activeEmployeeCount}</div>
</div> </div>
</div> </div>
<div className="col-12 mb-3"> <div className="col-12 mb-3">
@ -90,14 +100,17 @@ const VieworgDataanization = ({ orgId }) => {
className="form-label me-1 mb-0 fw-semibold" className="form-label me-1 mb-0 fw-semibold"
style={{ minWidth: "130px" }} style={{ minWidth: "130px" }}
> >
<i className='bx bx-sm me-1 bx-map'></i> Address : <i className="bx bx-sm me-1 bx-map"></i> Address :
</label> </label>
<div className="text-muted text-start">{data?.data?.address}</div> <div className="text-muted text-start">{data?.address}</div>
</div> </div>
</div> </div>
<div className="d-flex text-secondary mb-2"> <i className="bx bx-sm bx-briefcase me-1" /> Projects And Services</div> <div className="d-flex text-secondary mb-2">
{" "}
<i className="bx bx-sm bx-briefcase me-1" /> Projects And Services
</div>
</div> </div>
) );
}; };
export default VieworgDataanization; export default VieworgDataanization;