added right path for organization info show

This commit is contained in:
pramod.mahajan 2025-09-29 18:00:48 +05:30
parent 6d74940c0c
commit 20c7cf7f37

View File

@ -4,7 +4,7 @@ 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 ">
@ -17,14 +17,24 @@ const VieworgDataanization = ({ orgId }) => {
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">
@ -34,7 +44,7 @@ const VieworgDataanization = ({ orgId }) => {
> >
<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">
@ -68,7 +78,7 @@ const VieworgDataanization = ({ orgId }) => {
<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>
@ -81,7 +91,7 @@ const VieworgDataanization = ({ orgId }) => {
<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;