public/assets/css/core-extend.css

@@ -1,12 +1,8 @@
 :root,
 [data-bs-theme="light"] {
   --bs-nav-link-font-size: 0.7375rem;
-  --bg-border-color :#f8f6f6
 }
 
 .card-header {
   padding: 0.5rem var(--bs-card-cap-padding-x);
 }
-.table_header_border {
- border-bottom:2px solid var(--bs-table-border-color) ;
-}

src/components/Activities/InfraPlanning.jsx

@@ -19,60 +19,54 @@ import { useSelectedProject } from "../../slices/apiDataManager";
 import Loader from "../common/Loader";
 
 
-
+const InfraPlanning = () =>
-
+{
-const InfraPlanning = () => {
+  const {profile: LoggedUser, refetch : fetchData} = useProfile()
-  const { profile: LoggedUser, refetch: fetchData } = useProfile();
+  const dispatch = useDispatch()
-  const dispatch = useDispatch();
+  // const selectedProject = useSelector((store)=>store.localVariables.projectId)
   const selectedProject = useSelectedProject();
+  const {projectInfra, isLoading, error} = useProjectInfra( selectedProject )
 
-  const { projectInfra, isLoading, isError, error, isFetched } = useProjectInfra(selectedProject);
 
-  const canManageInfra = useHasUserPermission(MANAGE_PROJECT_INFRA);
+  
-  const canApproveTask = useHasUserPermission(APPROVE_TASK);
+  const ManageInfra = useHasUserPermission( MANAGE_PROJECT_INFRA )
-  const canReportTask = useHasUserPermission(ASSIGN_REPORT_TASK);
+    const ApprovedTaskRights = useHasUserPermission(APPROVE_TASK)
+    const ReportTaskRights = useHasUserPermission(ASSIGN_REPORT_TASK)
+  const reloadedData = useSelector( ( store ) => store.localVariables.reload )
 
-  const reloadedData = useSelector((store) => store.localVariables.reload);
+  
+  //  useEffect( () =>
+  //  {
+  //    if (reloadedData)
+  //    {
+  //      refetch()
+  //      dispatch( refreshData( false ) )
+  //    }
 
-  const hasAccess = canManageInfra || canApproveTask || canReportTask;
+  //  },[reloadedData])
-
-  if (isError) {
-    return <div>{error?.response?.data?.message || error?.message}</div>;
-  }
-
-  if (!hasAccess && !isLoading) {
-    return (
-      <div className="text-center">
-        <i className="fa-solid fa-triangle-exclamation fs-5"></i>
-        <p>Access Denied: You don't have permission to perform this action.</p>
-      </div>
-    );
-  }
-
-  if (isLoading) {
-    return <Loader />;
-  }
-
-  if (isFetched && (!projectInfra || projectInfra.length === 0)) {
-    return (
-      <div className="card text-center">
-        <p className="my-3">No Result Found</p>
-      </div>
-    );
-  }
 
   return (
     <div className="col-md-12 col-lg-12 col-xl-12 order-0 mb-4">
-      <div className="card">
+    <div className="card">
-        <div className="card-body" style={{ padding: "0.5rem" }}>
+      <div className="card-body" style={{ padding: "0.5rem" }}>
-          <div className="row">
+          {(ApprovedTaskRights || ReportTaskRights) ? (
-            <InfraTable buildings={projectInfra} projectId={selectedProject} />
+            <div className="align-items-center">
+            <div className="row ">
+              {isLoading && (<Loader/> )}
+              {( !isLoading && projectInfra?.length === 0 ) && ( <p>No Result Found</p> )}
+              {(!isLoading && projectInfra?.length > 0) && (<InfraTable buildings={projectInfra} projectId={selectedProject}/>)}
           </div>
         </div>
+          ) : (
+              <div className="text-center">
+                <i className="fa-solid fa-triangle-exclamation fs-5"></i>
+                <p>Access Denied: You don't have permission to perform this action. !</p>
+              </div>
+        )}
       </div>
     </div>
+  </div>
   );
 };
 
 export default InfraPlanning;
-

src/components/Directory/ListViewContact.jsx

@@ -105,7 +105,7 @@ const ListViewContact = ({ data, Pagination }) => {
           <div className="dataTables_wrapper no-footer mx-5 pb-2">
             <table className="table dataTable text-nowrap">
               <thead>
-                <tr className="table_header_border">
+                <tr  style={{    borderBottom: "2px solid var(--bs-table-border-color)"}}>
                   {contactList?.map((col) => (
                     <th key={col.key} className={col.align}>
                       {col.label}

src/components/Organization/ManageOrganization.jsx

@@ -1,5 +1,5 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import React, { useMemo, useState } from "react";
+import React from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import {
   defaultOrganizationValues,
@@ -14,11 +14,7 @@ import Label from "../common/Label";
 import SelectMultiple from "../common/SelectMultiple";
 import { useServices } from "../../hooks/masterHook/useMaster";
 
-const ManageOrganization = ({
+const ManageOrganization = () => {
-  projectOrganizations = ["ee"],
-  organizationId = null,
-}) => {
-  const [step, setStep] = useState(1); // 1 = Service Provider, 2 = Org Details, 3 = Add New Org
   const orgModal = useOrganizationModal();
   const { data: services, isLoading } = useServices();
 
@@ -38,319 +34,123 @@ const ManageOrganization = ({
     () => {
       reset(defaultOrganizationValues);
       orgModal.onClose();
-      setStep(1); // reset to first step
     }
   );
 
   const onSubmit = (OrgPayload) => {
     CreateOrganization(OrgPayload);
   };
-
-  const RenderTitle = useMemo(() => {
-    if (organizationId) {
-      return "Update Organization";
-    }
-
-    if (step === 1) {
-      return projectOrganizations && projectOrganizations.length > 0
-        ? "Add Organization"
-        : "Find Organization";
-    }
-
-    if (step === 2) {
-      return "Organization Details";
-    }
-
-    if (step === 3) {
-      return "Create Organization";
-    }
-
-    return "Manage Organization"; // fallback
-  }, [step, orgModal?.orgData, organizationId]);
-
   const contentBody = (
-    <div>
+    <FormProvider {...method}>
-      {/* ---------- STEP 1: Service Provider- Form Own Tenant list ---------- */}
+      <form className="form" onSubmit={handleSubmit(onSubmit)}>
-      {step === 1 && (
+        <div className="mb-1 text-start">
-        <div className="d-block">
+          <Label htmlFor="name" required>
-          <div className="text-start mb-1">
+            Organization Name
-            <Label className="text-secondary">Enter Service Provider ID</Label>
+          </Label>
-            <input
+          <input
-              type="text"
+            className="form-control form-control-sm"
-              className="form-control form-control-sm w-auto"
+            {...register("name")}
-              placeholder="SPR - ID"
+          />
-              aria-describedby="search-label"
+          {errors.name && (
-            />
+            <span className="danger-text">{errors.name.message}</span>
-          </div>
+          )}
-
-          <div className="py-2 text-start">
-              {orgModal.orgData && (<p className="text-secondary">Don't have Service provder id, Select Service Provider <span className="text-primary text-decoration-underline cursor-pointer" onClick={()=>orgModal.orgData ? setStep(2):setStep(3)}>Choose Provider</span></p>
-)}
-          </div>
-
-          {/* ======== org list ======*/}
-          {/* <div className="list-group mt-3">
-            <div
-              className="list-group-item list-group-item-action cursor-pointer"
-              onClick={() => setStep(2)}
-            >
-              <i className="bx bx-building-house me-2"></i>
-              Sample Organization 1
-            </div>
-          </div> */}
-
-          <div className="d-flex justify-content-center text-secondary mt-3">
-            <button
-              type="button"
-              className="btn btn-xs btn-secondary"
-              onClick={() => setStep(4)}
-            >
-              <i className="bx bx-plus-circle me-2"></i>
-              Add New Organization
-            </button>
-          </div>
         </div>
-      )}
 
-      {/* ---------- STEP 1: Service Provider From Own Other Tenant  ---------- */}
+        <div className="mb-1 text-start">
-      {step === 2 && (
+          <Label htmlFor="contactPerson" required>
-        <div className="d-block">
+            Contact Person
-          {/* Optional: dropdown if projectOrganizations exist */}
+          </Label>
-          {/* Optional: dropdown if projectOrganizations exist */}
+          <input
-          <p className="text-secondary">Select Tags</p>
+            className="form-control form-control-sm"
-          {/* ======== org list ======*/}
+            {...register("contactPerson")}
-          <div className="list-group mt-3">
+          />
-            <div
+          {errors.contactPerson && (
-              className="list-group-item list-group-item-action cursor-pointer"
+            <span className="danger-text">{errors.contactPerson.message}</span>
-              onClick={() => setStep(3)}
+          )}
-            >
-              <i className="bx bx-building-house me-2"></i>
-              Sample Organization 1
-            </div>
-          </div>
-
-          <div className="d-flex justify-content-center text-secondary mt-3">
-            <button
-              type="button"
-              className="btn btn-xs btn-secondary"
-              onClick={() => setStep(4)}
-            >
-              <i className="bx bx-plus-circle me-2"></i>
-              Add New Organization
-            </button>
-          </div>
         </div>
-      )}
 
-      {/* ---------- STEP 2: Existing Organization Details ---------- */}
+        <div className="mb-1 text-start">
-      {step === 3 && (
+          <Label htmlFor="contactNumber" required>
-        <div>
+            Contact Number
-          <p className="text-muted small">
+          </Label>
-            Show organization details here (from SPR list). User selects
+          <input
-            services and clicks Add.
+            className="form-control form-control-sm"
-          </p>
+            {...register("contactNumber")}
-
+          />
-          <div className="mb-2">
+          {errors.contactNumber && (
-            <Label>Services Offered</Label>
+            <span className="danger-text">{errors.contactNumber.message}</span>
-            <ul className="list-group">
+          )}
-              <li className="list-group-item">
-                <input type="checkbox" className="form-check-input me-2" />
-                Service 1
-              </li>
-              <li className="list-group-item">
-                <input type="checkbox" className="form-check-input me-2" />
-                Service 2
-              </li>
-            </ul>
-          </div>
-
-          <div className="d-flex justify-content-between mt-3">
-            <button
-              type="button"
-              className="btn btn-sm btn-outline-secondary"
-              onClick={() => setStep(1)}
-            >
-              ← Back
-            </button>
-            <button type="button" className="btn btn-sm btn-primary">
-              Add
-            </button>
-          </div>
         </div>
-      )}
 
-      {/* ---------- STEP 3: Add New Organization ---------- */}
+        <div className="mb-1 text-start">
-      {step === 4 && (
+          <Label htmlFor="email" required>
-        <FormProvider {...method}>
+            Email Address
-          <form className="form" onSubmit={handleSubmit(onSubmit)}>
+          </Label>
-            <div className="mb-1 text-start">
+          <input
-              <Label htmlFor="name" required>
+            className="form-control form-control-sm"
-                Organization Name
+            {...register("email")}
-              </Label>
+          />
-              <input
+          {errors.email && (
-                className="form-control form-control-sm"
+            <span className="danger-text">{errors.email.message}</span>
-                {...register("name")}
+          )}
-              />
+        </div>
-              {errors.name && (
-                <span className="danger-text">{errors.name.message}</span>
-              )}
-            </div>
 
-            <div className="mb-1 text-start">
+        <div className="mb-1 text-start">
-              <Label htmlFor="contactPerson" required>
+          <SelectMultiple
-                Contact Person
+            name="serviceIds"
-              </Label>
+            label="Services"
-              <input
+            required={true}
-                className="form-control form-control-sm"
+            valueKey="id"
-                {...register("contactPerson")}
+            options={services?.data || []}
-              />
+          />
-              {errors.contactPerson && (
+          {errors.serviceIds && (
-                <span className="danger-text">
+            <span className="danger-text">{errors.serviceIds.message}</span>
-                  {errors.contactPerson.message}
+          )}
-                </span>
+        </div>
-              )}
-            </div>
 
-            <div className="mb-1 text-start">
+        <div className="mb-1 text-start">
-              <Label htmlFor="contactNumber" required>
+          <Label htmlFor="address" required>
-                Contact Number
+            Address
-              </Label>
+          </Label>
-              <input
+          <textarea
-                className="form-control form-control-sm"
+            className="form-control form-control-sm"
-                {...register("contactNumber")}
+            {...register("address")}
-              />
+            rows={2}
-              {errors.contactNumber && (
+          />
-                <span className="danger-text">
+          {errors.address && (
-                  {errors.contactNumber.message}
+            <span className="danger-text">{errors.address.message}</span>
-                </span>
+          )}
-              )}
+        </div>
-            </div>
 
-            <div className="mb-1 text-start">
+        <div className="d-flex justify-content-end gap-2 my-2">
-              <Label htmlFor="email" required>
+          <button
-                Email Address
+            type="button"
-              </Label>
+            className="btn btn-sm btn-secondary"
-              <input
+            onClick={orgModal.onClose}
-                className="form-control form-control-sm"
+            disabled={isPending || isLoading}
-                {...register("email")}
+          >
-              />
+            Cancel
-              {errors.email && (
+          </button>
-                <span className="danger-text">{errors.email.message}</span>
+          <button
-              )}
+            type="submit"
-            </div>
+            className="btn btn-sm btn-primary"
-
+            disabled={isPending || isLoading}
-            <div className="mb-1 text-start">
+          >
-              <SelectMultiple
+            {isPending ? "Please Wait..." : "Submit"}
-                name="serviceIds"
+          </button>
-                label="Services"
+        </div>
-                required
+      </form>
-                valueKey="id"
+    </FormProvider>
-                options={services?.data || []}
-              />
-              {errors.serviceIds && (
-                <span className="danger-text">{errors.serviceIds.message}</span>
-              )}
-            </div>
-
-            <div className="mb-1 text-start">
-              <Label htmlFor="address" required>
-                Address
-              </Label>
-              <textarea
-                className="form-control form-control-sm"
-                {...register("address")}
-                rows={2}
-              />
-              {errors.address && (
-                <span className="danger-text">{errors.address.message}</span>
-              )}
-            </div>
-
-            <div className="d-flex justify-content-between gap-2 my-2">
-              <button
-                type="button"
-                className="btn btn-sm btn-outline-secondary"
-                onClick={() => setStep(1)}
-              >
-                ← Back
-              </button>
-              <div>
-                <button
-                  type="button"
-                  className="btn btn-sm btn-secondary me-2"
-                  onClick={orgModal.onClose}
-                  disabled={isPending || isLoading}
-                >
-                  Cancel
-                </button>
-                <button
-                  type="submit"
-                  className="btn btn-sm btn-primary"
-                  disabled={isPending || isLoading}
-                >
-                  {isPending ? "Please Wait..." : "Submit"}
-                </button>
-              </div>
-            </div>
-          </form>
-        </FormProvider>
-      )}
-    </div>
   );
 
   return (
     <Modal
       isOpen={orgModal.isOpen}
       onClose={orgModal.onClose}
-      title={RenderTitle}
+      title="Manage Organization"
       body={contentBody}
     />
   );
 };
 
 export default ManageOrganization;
-
-//  <div className="d-flex flex-column gap-2 border-0 bg-none">
-//             <div className="list-group-item list-group-item-action d-flex align-items-center cursor-pointer border-0">
-//               <div className="d-flex align-items-center justify-content-center  me-3">
-//                 <i className="bx bx-building-house bx-md text-primary"></i>
-//               </div>
-
-//               <div className="w-100">
-//                 <div className="d-flex justify-content-between">
-//                   <div className="user-info text-start">
-//                     <h6 className="mb-1 fw-normal">Icing sweet gummies</h6>
-//                     <small className="text-body-secondary">15 minutes</small>
-//                     <div className="user-status">
-//                       <small>In Meeting</small>
-//                     </div>
-//                   </div>
-//                   <div className="add-btn">
-//                     <button className="btn btn-primary btn-sm">Add</button>
-//                   </div>
-//                 </div>
-//               </div>
-//             </div>
-
-//             {/* Icon item */}
-//             <div className="list-group-item list-group-item-action d-flex align-items-center cursor-pointer border-0">
-//               <div className="d-flex align-items-center justify-content-center  me-3">
-//                 <i className="bx bx-building-house bx-md text-primary"></i>
-//               </div>
-
-//               <div className="w-100">
-//                 <div className="d-flex justify-content-between">
-//                   <div className="user-info text-start">
-//                     <h6 className="mb-1 fw-normal">Icing sweet gummies</h6>
-//                     <small className="text-body-secondary">15 minutes</small>
-//                     <div className="user-status">
-//                       <small>In Meeting</small>
-//                     </div>
-//                   </div>
-//                   <div className="add-btn">
-//                     <button className="btn btn-primary btn-sm">Add</button>
-//                   </div>
-//                 </div>
-//               </div>
-//             </div>
-//           </div>

src/components/Organization/OrganizationsList.jsx

@@ -1,149 +0,0 @@
-import React from "react";
-import { useOrganizationsList } from "../../hooks/useOrganization";
-import { ITEMS_PER_PAGE } from "../../utils/constants";
-import Avatar from "../common/Avatar";
-import { useDebounce } from "../../utils/appUtils";
-
-const OrganizationsList = ({searchText}) => {
-    const searchString = useDebounce(searchText,500)
-  const {
-    data = [],
-    isLoading,
-    isFetching,
-    isError,
-    error,
-  } = useOrganizationsList(ITEMS_PER_PAGE, 1, true,null,searchString);
-
-  const organizationsColumns = [
-    {
-      key: "name",
-      label: "Organization Name",
-      getValue: (org) => (
-        <div className="d-flex gap-2 py-1 ">
-          <i class="bx bx-buildings"></i>
-          <span
-            className="text-truncate d-inline-block "
-            style={{ maxWidth: "150px" }}
-          >
-            {org?.name || "N/A"}
-          </span>
-        </div>
-      ),
-      align: "text-start",
-    },
-    {
-      key: "contactPerson",
-      label: "Contact Person",
-      getValue: (org) => (
-        (
-        <div className="d-flex align-items-center ps-1">
-          <Avatar
-            size="xs"
-            classAvatar="m-0"
-            firstName={(org?.name || "").trim().split(" ")[0] || ""}
-            lastName={(org?.name || "").trim().split(" ")[1] || ""}
-          />
-          <span
-            className="text-truncate d-inline-block "
-            style={{ maxWidth: "150px" }}
-          >
-            {org?.name || "N/A"}
-          </span>
-        </div>
-      )
-      ),
-      align: "text-start",
-    },
-    {
-      key: "contactNumber",
-      label: "Phone Number",
-      getValue: (org) => org.contactNumber || "N/A",
-      align: "text-start",
-    },
-    {
-      key: "email",
-      label: "Email",
-      getValue: (org) => (
-         <span
-          className="text-truncate d-inline-block"
-          style={{ maxWidth: "200px" }}
-        >
-          {org?.email || "N/A"}
-        </span>
-      ),
-      align: "text-start",
-    },
-    {
-      key: "sprid",
-      label: "SPRID Id",
-      getValue: (org) => org.sprid || "N/A",
-      align: "text-center",
-    },
-  ];
-
-  if (isFetching && !isFetching) return <div>Loading...</div>;
-  if (isError) return <div>{error?.message || "Something went wrong"}</div>;
-
-  return (
-    <div className="card px-0 px-sm-4">
-      <div className="card-datatable table-responsive" id="horizontal-example">
-        <div className="dataTables_wrapper no-footer px-2">
-          <table className="table border-top dataTable text-nowrap">
-            <thead>
-              <tr className="table_header_border">
-                {organizationsColumns.map((col) => (
-                  <th
-                    key={col.key}
-                    className="sorting d-table-cell"
-                    aria-sort="descending"
-                  >
-                    <div className={`${col.align}`}>{col.label}</div>
-                  </th>
-                ))}
-                <th className="sticky-action-column bg-white text-center">
-                  Action
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              {data.length > 0 ? (
-                data.map((org) => (
-                  <tr key={org.id}>
-                    {organizationsColumns.map((col) => (
-                      <td
-                        key={col.key}
-                        className={`d-table-cell ${col.align ?? ""}`}
-                      >
-                        {col.customRender
-                          ? col.customRender(org)
-                          : col.getValue(org)}
-                      </td>
-                    ))}
-                    <td className="sticky-action-column ">
-                      <div className="d-flex justify-content-center gap-2 ">
-                        <i className="bx bx-show text-primary cursor-pointer"></i>
-                        <i className="bx bx-edit text-secondary cursor-pointer"></i>
-                        <i className="bx bx-trash text-danger cursor-pointer"></i>
-                      </div>
-                    </td>
-                  </tr>
-                ))
-              ) : (
-                <tr>
-                  <td
-                    colSpan={organizationsColumns.length + 1}
-                    className="text-center"
-                  >
-                    <p className="fw-semibold">Not Found</p>
-                  </td>
-                </tr>
-              )}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default OrganizationsList;

src/components/Project/ProjectNav.jsx

@@ -43,7 +43,6 @@ const ProjectNav = ({ onPillClick, activePill }) => {
     },
     { key: "documents", icon: "bx bx-folder-open", label: "Documents",hidden:!(isViewDocuments || isModifyDocument || isUploadDocument) },
     { key: "setting", icon: "bx bxs-cog", label: "Setting",hidden:!isManageTeam },
-     { key: "organization", icon: "bx bx-buildings", label: "Organization"},
   ];
   return (
     <div className="nav-align-top">

src/components/Project/ProjectOrganizations.jsx

@@ -1,30 +0,0 @@
-import React from "react";
-import { useOrganizationModal } from "../../hooks/useOrganization";
-import { useSelectedProject } from "../../slices/apiDataManager";
-
-const ProjectOrganizations = () => {
-  const orgModal = useOrganizationModal();
-  const selectedProject = useSelectedProject()
-  return (
-    <div className="card">
-      <div className="d-flex justify-content-end px-2">
-        <button
-          type="button"
-          className="link-button btn btn-xs rounded-md link-button-sm m-1 btn-primary"
-          onClick={() => orgModal.onOpen(selectedProject)}
-        >
-          <i className="bx bx-plus-circle me-2"></i>
-          Add Organization
-        </button>
-      </div>
-
-      <div className="card-body">
-        <p className="text-secondary">
-          Not found Organization connected with current Project
-        </p>
-      </div>
-    </div>
-  );
-};
-
-export default ProjectOrganizations;

src/components/Project/ProjectPermission.jsx

@@ -28,7 +28,6 @@ const ProjectPermission = () => {
     handleSubmit,
     reset,
     control,
-    setValue,
     formState: { errors, isDirty },
   } = useForm({
     resolver: zodResolver(ProjectPermissionSchema),
@@ -46,26 +45,18 @@ const ProjectPermission = () => {
   );
 
   useEffect(() => {
-  if (!selectedEmployee) return;
+    if (!selectedEmployee) return;
 
-  const enabledPerms =
+    const enabledPerms =
-    selectedEmpPermissions?.permissions
+      selectedEmpPermissions?.permissions
-      ?.filter((perm) => perm.isEnabled)
+        ?.filter((perm) => perm.isEnabled)
-      ?.map((perm) => perm.id) || [];
+        ?.map((perm) => perm.id) || [];
 
-  setValue("selectedPermissions", enabledPerms, { shouldValidate: true });
+    reset((prev) => ({
-}, [selectedEmpPermissions, setValue, selectedEmployee]);
+      ...prev,
-
+      selectedPermissions: enabledPerms,
-const selectedPermissions = watch("selectedPermissions") || [];
+    }));
-
+  }, [selectedEmpPermissions, reset, selectedEmployee]);
-const existingEnabledIds =
-  selectedEmpPermissions?.permissions
-    ?.filter((p) => p.isEnabled)
-    ?.map((p) => p.id) || [];
-
-const hasChanges =
-  selectedPermissions.length !== existingEnabledIds.length ||
-  selectedPermissions.some((id) => !existingEnabledIds.includes(id));
 
   const { mutate: updatePermission, isPending } =
     useUpdateProjectLevelEmployeePermission();
@@ -154,7 +145,7 @@ const hasChanges =
           </div>
 
           <div className="mt-3 text-end">
-            {hasChanges && (
+            {isDirty && (
               <button
                 type="submit"
                 className="btn btn-sm btn-primary"

src/hooks/useHasUserPermission.js

@@ -1,26 +1,16 @@
+
 import { useSelectedProject } from "../slices/apiDataManager";
 import { useAllProjectLevelPermissions, useProfile } from "./useProfile";
 
 export const useHasUserPermission = (permission) => {
   const selectedProject = useSelectedProject();
   const { profile } = useProfile();
-  const {
+  const { data: projectPermissions = [], isLoading, isError } = useAllProjectLevelPermissions(selectedProject);
-    data: projectPermissions = [],
-    isLoading,
-    isError,
-  } = useAllProjectLevelPermissions(selectedProject);
 
   if (isLoading || !permission) return false;
 
   const globalPerms = profile?.featurePermissions ?? [];
   const projectPerms = projectPermissions ?? [];
-  if (selectedProject) {
+
-    if (projectPerms.length === 0) {
+  return globalPerms.includes(permission) || projectPerms.includes(permission);
-      return projectPerms.includes(permission);
-    } else {
-      return projectPerms.includes(permission);
-    }
-  } else {
-    return globalPerms.includes(permission);
-  }
 };

src/hooks/useOrganization.js

@@ -4,63 +4,29 @@ import {
   openOrgModal,
   closeOrgModal,
 } from "../slices/localVariablesSlice";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useMutation } from "@tanstack/react-query";
 import OrganizationRepository from "../repositories/OrganizationRespository";
 import showToast from "../services/toastService";
 
 export const useOrganizationModal = () => {
   const dispatch = useDispatch();
-  const { isOpen, orgData } = useSelector(
+  const isOpen = useSelector(
-    (state) => state.localVariables.OrganizationModal
+    (state) => state.localVariables.OrganizationModal.isOpen
   );
 
   return {
     isOpen,
-    orgData,
+    onOpen: () => dispatch(openOrgModal()),
-    onOpen: (dat) =>
-      dispatch(openOrgModal({ isOpen: true, orgData: dat || null })),
     onClose: () => dispatch(closeOrgModal()),
-    onToggle: () => dispatch(toggleOrgModal()),
+    Togggle: () => dispatch(toggleOrgModal(isOpen)),
   };
 };
 
-export const useOrganizationsList = (
-  pageSize,
-  pageNumber,
-  active,
-  sprid,
-  searchString = ""
-) => {
-  return useQuery({
-    queryKey: [
-      "organizationList",
-      pageSize,
-      pageNumber,
-      active,
-      sprid,
-      searchString,
-    ],
-    queryFn: async () => {
-      const resp = await OrganizationRepository.getOrganizationList(
-        pageSize,
-        pageNumber,
-        active,
-        sprid,
-        searchString
-      );
-      return resp.data;
-    },
-    keepPreviousData: true,
-  });
-};
-
 export const useCreateOrganization = (onSuccessCallback) => {
-  const useClient = useQueryClient();
   return useMutation({
     mutationFn: async (OrgPayload) =>
       await OrganizationRepository.createOrganization(OrgPayload),
     onSuccess: (_, variables) => {
-      useClient.invalidateQueries({ queryKey: ["organizationList"] });
       showToast("Organization created successfully", "success");
       if (onSuccessCallback) onSuccessCallback();
     },

src/hooks/useProjectAccess.js

@@ -1,26 +0,0 @@
-import { useNavigate } from "react-router-dom";
-import { useEffect } from "react";
-import { useHasUserPermission } from "./useHasUserPermission";
-import { useAllProjectLevelPermissions } from "./useProfile";
-import { VIEW_PROJECTS } from "../utils/constants";
-import showToast from "../services/toastService";
-
-export const useProjectAccess = (projectId) => {
-  const { data: projectPermissions, isLoading, isFetched } =
-    useAllProjectLevelPermissions(projectId);
-
-  const canView = useHasUserPermission(VIEW_PROJECTS);
-  const navigate = useNavigate();
-
-  useEffect(() => {
-    if (projectId && isFetched && !isLoading && !canView) {
-      showToast("You don't have permission to view project details", "warning");
-      navigate("/projects");
-    }
-  }, [projectId, isFetched, isLoading, canView, navigate]);
-
-  return {
-    canView,
-    loading: isLoading || !isFetched,
-  };
-};

src/hooks/useProjects.js

@@ -177,7 +177,6 @@ export const useProjectInfra = (projectId) => {
     data: projectInfra,
     isLoading,
     error,
-    isFetched
   } = useQuery({
     queryKey: ["ProjectInfra", projectId],
     queryFn: async () => {
@@ -191,7 +190,7 @@ export const useProjectInfra = (projectId) => {
     },
   });
 
-  return { projectInfra, isLoading, error,isFetched };
+  return { projectInfra, isLoading, error };
 };
 
 export const useProjectTasks = (workAreaId, IsExpandedArea = false) => {

src/pages/Directory/ContactsPage.jsx

@@ -69,7 +69,7 @@ const ContactsPage = ({ projectId, searchText, onExport }) => {
   };
 
   if (isError) return <div>{error.message}</div>;
-  // if (isLoading) return gridView ? <CardViewContactSkeleton /> : <ListViewContactSkeleton />;
+  if (isLoading) return gridView ? <CardViewContactSkeleton /> : <ListViewContactSkeleton />;
 
   return (
     <div className="row mt-5">
@@ -94,7 +94,7 @@ const ContactsPage = ({ projectId, searchText, onExport }) => {
       ) : (
         <div className="col-12">
           <ListViewContact
-            data={data?.data}
+            data={data.data}
             Pagination={
               <Pagination
                 currentPage={currentPage}

src/pages/Directory/DirectoryPage.jsx

@@ -21,7 +21,6 @@ import ContactProfile from "../../components/Directory/ContactProfile";
 import GlobalModel from "../../components/common/GlobalModel";
 import { exportToCSV } from "../../utils/exportUtils";
 import ConfirmModal from "../../components/common/ConfirmModal";
-import { useSelectedProject } from "../../slices/apiDataManager";
 
 const NotesPage = lazy(() => import("./NotesPage"));
 const ContactsPage = lazy(() => import("./ContactsPage"));

src/pages/Home/LandingPage.css

@@ -299,7 +299,7 @@ nav.layout-navbar.navbar-active::after {
   color: #d3d4dc;
 }
 .landing-footer .footer-bottom {
-  background-color: #f44336;
+  background-color: #282c3e;
 }
 .landing-footer .footer-link {
   transition: all 0.2s ease-in-out;
@@ -312,7 +312,6 @@ nav.layout-navbar.navbar-active::after {
   padding-bottom: 1.3rem;
   border-top-left-radius: 1.75rem;
   border-top-right-radius: 1.75rem;
-  background-color: #f44336;
 }
 @media (max-width: 767.98px) {
   .landing-footer .footer-top {

src/pages/Home/LandingPage.jsx

@@ -12,7 +12,6 @@ import "swiper/css";
 import "swiper/css/navigation";
 import SwaperSlideContent from "./SwaperSlideContent";
 import SwaperBlogContent from "./SwaperBlogContent";
-import SubscriptionPlans from "./SubscriptionPlans";
 
 const swiperConfig = {
   spaceBetween: 30,
@@ -497,8 +496,341 @@ const LandingPage = () => {
               No matter which plan you choose, you’ll get access to powerful
               features. <strong>Choose the best plan to fit your needs.</strong>
             </p>
-            {/* <SubscriptionPlans/> */}
+            <div className="text-center mb-8">
-            <SubscriptionPlans />
+              <div className="position-relative d-inline-block pt-3 pt-md-0">
+                <div class="btn-group" role="group" aria-label="Basic example">
+                  <button type="button" class="btn btn-outline-secondary">
+                    Basic
+                  </button>
+                  <button type="button" class="btn btn-primary">
+                    Team
+                  </button>
+                  <button type="button" class="btn btn-outline-secondary">
+                    Enterprise
+                  </button>
+                </div>
+                {/* <label className="switch switch-sm switch-primary me-0">
+                  <span className="switch-label fs-6 text-body me-3">
+                    Pay Monthly
+                  </span>
+                  <input
+                    type="checkbox"
+                    className="switch-input price-duration-toggler"
+                    checked
+                  />
+                  <span className="switch-toggle-slider">
+                    <span className="switch-on"></span>
+                    <span className="switch-off"></span>
+                  </span>
+                  <span className="switch-label fs-6 text-body ms-3">
+                    Pay Annual
+                  </span>
+                </label> */}
+                {/* <div className="pricing-plans-item position-absolute d-flex">
+                  <img
+                    src="./../../public/img/icons/pricing-plans-arrow.png"
+                    alt="pricing plans arrow"
+                    className="scaleX-n1-rtl"
+                  />
+                  <span className="fw-medium mt-2 ms-1"> Save 25%</span>
+                </div> */}
+              </div>
+            </div>
+            <div className="row g-6 pt-0">
+              {/*  Basic Plan: Start */}
+              <div className="col-xl-4 col-lg-6 col-md-4">
+                <div className="card">
+                  <div className="card-header">
+                    <div className="text-center">
+                      <img
+                        src="/img/icons/paper-airplane.png"
+                        alt="paper airplane icon"
+                        className="mb-8 pb-2"
+                      />
+                      <h4 className="mb-0">Basic</h4>
+                      <div className="d-flex align-items-center justify-content-center">
+                        <span className="price-monthly h2 text-primary fw-extrabold mb-0">
+                          $19
+                        </span>
+                        <span className="price-yearly h2 text-primary fw-extrabold mb-0 d-none">
+                          $14
+                        </span>
+                        <sub className="h6 text-muted mb-n1 ms-1">/mo</sub>
+                      </div>
+                      <div className="position-relative pt-2">
+                        <div className="price-yearly text-muted price-yearly-toggle d-none">
+                          $ 168 / year
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="card-body">
+                    <ul className="text start list-unstyled pricing-list">
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Timeline
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Basic search
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Live chat widget
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Email marketing
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Custom Forms
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Traffic analytics
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Basic Support
+                        </h6>
+                      </li>
+                    </ul>
+                    <div className="d-grid mt-8">
+                      <a
+                        href="#landingPricing"
+                        className="btn btn-label-primary"
+                      >
+                        Get Started
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              {/*  Basic Plan: End */}
+
+              {/*  Favourite Plan: Start */}
+              <div className="col-xl-4 col-lg-6 col-md-4">
+                <div className="card border border-primary shadow-xl">
+                  <div className="card-header">
+                    <div className="text-center">
+                      <img
+                        src="/img/icons/plane.png"
+                        alt="plane icon"
+                        className="mb-8 pb-2"
+                      />
+                      <h4 className="mb-0">Team</h4>
+                      <div className="d-flex align-items-center justify-content-center">
+                        <span className="price-monthly h2 text-primary fw-extrabold mb-0">
+                          $29
+                        </span>
+                        <span className="price-yearly h2 text-primary fw-extrabold mb-0 d-none">
+                          $22
+                        </span>
+                        <sub className="h6 text-muted mb-n1 ms-1">/mo</sub>
+                      </div>
+                      <div className="position-relative pt-2">
+                        <div className="price-yearly text-muted price-yearly-toggle d-none">
+                          $ 264 / year
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="card-body">
+                    <ul className="text start list-unstyled pricing-list">
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Everything in basic
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Timeline with database
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Advanced search
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Marketing automation
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Advanced chatbot
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Campaign management
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Collaboration tools
+                        </h6>
+                      </li>
+                    </ul>
+                    <div className="d-grid mt-8">
+                      <a href="payment-page.html" className="btn btn-primary">
+                        Get Started
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              {/*  Favourite Plan: End */}
+
+              {/*  Standard Plan: Start */}
+              <div className="col-xl-4 col-lg-6 col-md-4">
+                <div className="card">
+                  <div className="card-header">
+                    <div className="text-center">
+                      <img
+                        src="/img/icons/shuttle-rocket.png"
+                        alt="shuttle rocket icon"
+                        className="mb-8 pb-2"
+                      />
+                      <h4 className="mb-0">Enterprise</h4>
+                      <div className="d-flex align-items-center justify-content-center">
+                        <span className="price-monthly h2 text-primary fw-extrabold mb-0">
+                          $49
+                        </span>
+                        <span className="price-yearly h2 text-primary fw-extrabold mb-0 d-none">
+                          $37
+                        </span>
+                        <sub className="h6 text-muted mb-n1 ms-1">/mo</sub>
+                      </div>
+                      <div className="position-relative pt-2">
+                        <div className="price-yearly text-muted price-yearly-toggle d-none">
+                          $ 444 / year
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="card-body">
+                    <ul className="text start list-unstyled pricing-list">
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Everything in premium
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Timeline with database
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Fuzzy search
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          A/B testing sanbox
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Custom permissions
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Social media automation
+                        </h6>
+                      </li>
+                      <li>
+                        <h6 className="d-flex align-items-center mb-3">
+                          <span className="badge badge-center rounded-pill bg-label-primary p-0 me-3">
+                            <i className="bx bx-check bx-12px"></i>
+                          </span>
+                          Sales automation tools
+                        </h6>
+                      </li>
+                    </ul>
+                    <div className="d-grid mt-8">
+                      <a
+                        href="payment-page.html"
+                        className="btn btn-label-primary"
+                      >
+                        Get Started
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              {/*  Standard Plan: End */}
+            </div>
           </div>
         </section>
         {/*  Pricing plans: End */}
@@ -591,14 +923,14 @@ const LandingPage = () => {
               <span className="badge bg-label-primary heading">FAQ</span>
             </div>
             <h4 className="text-center mb-1">
-              Frequently Asked
+              Frequently asked
-              <span className="position-relative fw-extrabold z-1 ms-2">
+              <span className="position-relative fw-extrabold z-1">
-                Questions
+                questions
-                {/* <img
+                <img
                   src="/img/icons/section-title-icon.png"
                   alt="laptop charging"
                   className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
-                /> */}
+                />
               </span>
             </h4>
             <p className="text-center mb-12 pb-md-4">
@@ -636,12 +968,12 @@ const LandingPage = () => {
                       className="accordion-collapse collapse"
                       data-bs-parent="#accordionExample"
                     >
-                      <div className="accordion-body text-start">
+                      <div className="accordion-body">
-                        A smart Project Management System designed to bring
+                        Lemon drops chocolate cake gummies carrot cake chupa
-                        teams, tasks, and timelines together in one place. With
+                        chups muffin topping. Sesame snaps icing marzipan gummi
-                        AI-driven insights, role-based access, and seamless
+                        bears macaroon dragée danish caramels powder. Bear claw
-                        reporting, it empowers organizations to deliver projects
+                        dragée pastry topping soufflé. Wafer gummi bears
-                        faster and smarter.
+                        marshmallow pastry pie.
                       </div>
                     </div>
                   </div>
@@ -664,13 +996,12 @@ const LandingPage = () => {
                       aria-labelledby="headingTwo"
                       data-bs-parent="#accordionExample"
                     >
-                      <div className="accordion-body text-start">
+                      <div className="accordion-body">
-                        Yes, you have full flexibility to manage your
+                        Dessert ice cream donut oat cake jelly-o pie sugar plum
-                        subscription. You can upgrade to a higher plan to unlock
+                        cheesecake. Bear claw dragée oat cake dragée ice cream
-                        more features, downgrade to a smaller plan if your needs
+                        halvah tootsie roll. Danish cake oat cake pie macaroon
-                        change, or cancel your subscription anytime. Plan
+                        tart donut gummies. Jelly beans candy canes carrot cake.
-                        changes take effect instantly, and billing adjustments
+                        Fruitcake chocolate chupa chups.
-                        are applied on a pro-rated basis.
                       </div>
                     </div>
                   </div>
@@ -693,16 +1024,17 @@ const LandingPage = () => {
                       aria-labelledby="headingThree"
                       data-bs-parent="#accordionExample"
                     >
-                      <div className="accordion-body text-start">
+                      <div className="accordion-body">
-                        Security is at the core of Marco PMS. We use
+                        Regular license can be used for end products that do not
-                        industry-standard encryption (SSL/TLS) to protect data
+                        charge users for access or service(access is free and
-                        in transit and advanced encryption to safeguard data at
+                        there will be no monthly subscription fee). Single
-                        rest. Role-based access controls ensure that only
+                        regular license can be used for single end product and
-                        authorized users can access sensitive information. Our
+                        end product can be used by you or your client. If you
-                        system is hosted on secure, cloud-ready infrastructure
+                        want to sell end product to multiple clients then you
-                        with regular backups, monitoring, and compliance with
+                        will need to purchase separate license for each client.
-                        best practices to keep your data safe and available at
+                        The same rule applies if you want to use the same end
-                        all times.
+                        product on multiple domains(unique setup). For more info
+                        on regular license you can check official description.
                       </div>
                     </div>
                   </div>
@@ -725,12 +1057,12 @@ const LandingPage = () => {
                       aria-labelledby="headingFour"
                       data-bs-parent="#accordionExample"
                     >
-                      <div className="accordion-body text-start">
+                      <div className="accordion-body">
-                        You can reach our support team anytime through the
+                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                        in-app help center, email, or live chat. We also provide
+                        Nobis et aliquid quaerat possimus maxime! Mollitia
-                        a detailed knowledge base and FAQs to guide you through
+                        reprehenderit neque repellat deleniti delectus
-                        common queries. For personalized assistance, our support
+                        architecto dolorum maxime, blanditiis earum ea, incidunt
-                        specialists are always ready to help you.
+                        quam possimus cumque.
                       </div>
                     </div>
                   </div>
@@ -753,47 +1085,15 @@ const LandingPage = () => {
                       aria-labelledby="headingFive"
                       data-bs-parent="#accordionExample"
                     >
-                      <div className="accordion-body text-start">
+                      <div className="accordion-body">
-                        Marco PMS operate under a proprietary license combined
+                        Lorem ipsum dolor sit amet consectetur, adipisicing
-                        with a subscription model. This means customers don’t
+                        elit. Sequi molestias exercitationem ab cum nemo facere
-                        own the software but are granted the right to access and
+                        voluptates veritatis quia, eveniet veniam at et
-                        use it through the cloud under our Terms of Service.
+                        repudiandae mollitia ipsam quasi labore enim architecto
-                        Depending on the plan, licensing may be based on users,
+                        non!
-                        features, or usage, and you can upgrade, downgrade, or
-                        cancel at any time. non!
                       </div>
                     </div>
                   </div>
-                  <div className="card accordion-item">
-                    <h2 className="accordion-header" id="headingSix">
-                      <button
-                        type="button"
-                        className="accordion-button collapsed"
-                        data-bs-toggle="collapse"
-                        data-bs-target="#accordionSix"
-                        aria-expanded="false"
-                        aria-controls="accordionSix"
-                      >
-                        Can I customize Marco PMS for my business needs?
-                      </button>
-                    </h2>
-                    <div
-                      id="accordionSix"
-                      className="accordion-collapse collapse"
-                      aria-labelledby="headingSix"
-                      data-bs-parent="#accordionExample"
-                    >
-                      <div className="accordion-body text-start">
-                        Yes, Marco PMS is designed to be flexible and adaptable.
-                        You can customize workflows, user roles, permissions,
-                        and reporting to match your organization’s unique
-                        processes. Depending on your plan, we also support
-                        advanced customization such as integrating with
-                        third-party tools, adding custom fields, and tailoring
-                        modules to fit your business requirements.
-                      </div>
-                    </div>
-                  </div>{" "}
                 </div>
               </div>
             </div>
@@ -816,26 +1116,19 @@ const LandingPage = () => {
             </div>
 
             <div className="row align-items-center gy-12  mb-12">
-              <div className="col-lg-6 pt-lg-12 text-center text-lg-start">
-                <img
-                  style={{ width: "80%" }}
-                  src="/img/images/contact-customer-service.png"
-                  alt="hero elements"
-                ></img>
-              </div>
               <div className="col-lg-6 text-start text-sm-center text-lg-start">
                 <div className="mt-5">
                   {" "}
                   <h4 className="text-start mb-1">
                     <span className="position-relative fw-extrabold z-1">
-                      Let's Work
+                      Let's work
-                      {/* <img
+                      <img
                         src="/img/icons/section-title-icon.png"
                         alt="laptop charging"
                         className="section-title-img position-absolute object-fit-contain bottom-0 z-n1"
-                      /> */}
+                      />
                     </span>
-                    Together
+                    together
                   </h4>
                   <p className="text-start pb-md-4">
                     Any question or remark? just write us a message
@@ -880,15 +1173,15 @@ const LandingPage = () => {
                   </div>
                 </div>
                 <div className="mt-10">
-                  <h5 className="cta-title text-primary  mb-1">
+                  <h4 className="cta-title text-primary  mb-1">
                     Ready to Get Started?
-                  </h5>
+                  </h4>
                   <h5 className="text-body mb-8">
-                    Start your project with a free trial
+                    Start your project with a 14-day free trial
                   </h5>
-                  {/* <a href="#landingPricing" className="btn btn-lg btn-primary">
+                  <a href="#landingPricing" className="btn btn-lg btn-primary">
                     Get Started
-                  </a>{" "} */}
+                  </a>{" "}
                   <a
                     href="/auth/reqest/demo"
                     className="btn btn-lg btn-primary"
@@ -897,6 +1190,13 @@ const LandingPage = () => {
                   </a>
                 </div>
               </div>
+              <div className="col-lg-6 pt-lg-12 text-center text-lg-end">
+                <img
+                  style={{ width: "80%" }}
+                  src="/img/images/contact-customer-service.png"
+                  alt="hero elements"
+                ></img>
+              </div>
             </div>
           </div>
         </section>
@@ -1056,10 +1356,7 @@ const LandingPage = () => {
 
       {/*  Footer: Start */}
       <footer className="landing-footer bg-body footer-text">
-        <div
+        <div className="footer-top position-relative overflow-hidden z-1">
-          className="footer-top position-relative overflow-hidden z-1"
-          hidden
-        >
           <img
             src="/img/backgrounds/footer-bg.png"
             alt="footer bg"
@@ -1196,7 +1493,7 @@ const LandingPage = () => {
 
               <div className="col-lg-6 col-md-6 d-flex gap-3 align-items-center justify-content-end">
                 <h6 className="footer-title mt-3">Download our app</h6>
-                <a href="javascript:void(0);" hidden>
+                <a href="javascript:void(0);">
                   <img src="/img/icons/apple-icon.png" alt="apple icon" />
                 </a>
                 <a
@@ -1212,9 +1509,21 @@ const LandingPage = () => {
             </div>
           </div>
         </div>
-        <div className="footer-bottom py-md-4">
+        <div className="footer-bottom py-3 py-md-5">
           <div className="container d-flex flex-wrap justify-content-between flex-md-row flex-column text-center text-md-start">
-            <div className="col-lg-4 col-md-4 d-flex  align-items-center justify-content-start">
+            <div className="mb-2 mb-md-0">
+              <span className="footer-bottom-text me-1">
+                ©{new Date().getFullYear()}
+              </span>
+              <a
+                href="https://marcoaiot.com"
+                target="_blank"
+                className="text-white"
+              >
+                Marco AIoT Technologies Pvt. Ltd.,
+              </a>
+            </div>
+            <div>
               <a
                 href="https://www.facebook.com/marcoaiot/"
                 className="me-4"
@@ -1233,34 +1542,6 @@ const LandingPage = () => {
                 <img src="/img/icons/instagram.svg" alt="google icon" />
               </a>
             </div>
-            <div className="col-lg-4 col-md-4 mb-2 mb-md-0 d-flex gap-3 align-items-center justify-content-center">
-              <span className="footer-bottom-text me-1">
-                ©{new Date().getFullYear()}
-              </span>
-              <a
-                href="https://marcoaiot.com"
-                target="_blank"
-                className="text-white"
-              >
-                Marco AIoT Technologies Pvt. Ltd.,
-              </a>
-            </div>
-
-            <div className="col-lg-4 col-md-4 d-flex gap-3 align-items-center justify-content-end">
-              <h6 className="footer-title mt-3">Download our app</h6>
-              <a href="javascript:void(0);" hidden>
-                <img src="/img/icons/apple-icon.png" alt="apple icon" />
-              </a>
-              <a
-                href="https://play.google.com/store/apps/details?id=com.marco.aiotstage&pcampaignid=web_share"
-                target="_blank"
-              >
-                <img
-                  src="/img/icons/google-play-icon.png"
-                  alt="google play icon"
-                />
-              </a>
-            </div>
           </div>
         </div>
       </footer>

src/pages/Home/PlanCardSkeleton.jsx

@@ -1,44 +0,0 @@
-import React from "react";
-
-const SubscriptionPlanSkeleton = () => {
-  return (
-    <div className="col-xl-4 col-lg-6 col-md-6">
-      <div className="card h-100 shadow-sm border-0 p-3 text-center">
-        {/* Header */}
-        <div className="mb-3">
-          <div className="bg-light rounded-circle mx-auto mb-3" style={{ width: "50px", height: "50px" }}></div>
-          <div className="bg-light rounded w-75 mx-auto mb-2" style={{ height: "20px" }}></div>
-          <div className="bg-light rounded w-50 mx-auto" style={{ height: "16px" }}></div>
-        </div>
-
-        {/* Price */}
-        <div className="mb-3">
-          <div className="bg-light rounded w-50 mx-auto" style={{ height: "24px" }}></div>
-        </div>
-
-        {/* Storage & Trial */}
-        <div className="d-flex justify-content-center gap-4 mb-5">
-          <div className="bg-light rounded" style={{ width: "100px", height: "16px" }}></div>
-          <div className="bg-light rounded" style={{ width: "100px", height: "16px" }}></div>
-        </div>
-
-        {/* Features */}
-        <h6 className="fw-bold text-uppercase border-top pt-3 mb-3 text-center">
-          Features
-        </h6>
-        <ul className="list-unstyled text-start mb-4 ms-7">
-          {[1, 2, 3].map((i) => (
-            <li key={i} className="mb-3">
-              <div className="bg-light rounded" style={{ width: "70%", height: "16px" }}></div>
-            </li>
-          ))}
-        </ul>
-
-        {/* Button */}
-        <div className="bg-light rounded w-100" style={{ height: "40px" }}></div>
-      </div>
-    </div>
-  );
-};
-
-export default SubscriptionPlanSkeleton;

src/pages/Home/SubscriptionPlans.jsx

@@ -1,141 +0,0 @@
-import React, { useState, useEffect } from "react";
-import axios from "axios";
-import { Link } from "react-router-dom";
-import PlanCardSkeleton from "./PlanCardSkeleton";
-
-const SubscriptionPlans = () => {
-  const [plans, setPlans] = useState([]);
-  const [frequency, setFrequency] = useState(1);
-  const [loading, setLoading] = useState(false);
-
-  useEffect(() => {
-    const fetchPlans = async () => {
-      try {
-        setLoading(true);
-        const res = await axios.get(
-          `http://localhost:5032/api/market/list/subscription-plan?frequency=${frequency}`,
-          { headers: { "Content-Type": "application/json" } }
-        );
-        setPlans(res.data?.data || []);
-      } catch (err) {
-        console.error("Error fetching plans:", err);
-      } finally {
-        setLoading(false);
-      }
-    };
-    fetchPlans();
-  }, [frequency]);
-
-  const frequencyLabel = (freq) => {
-    switch (freq) {
-      case 0: return "1 mo";
-      case 1: return "3 mo";
-      case 2: return "6 mo";
-      case 3: return "1 yr";
-      default: return "mo";
-    }
-  };
-
-  return (
-    <div className="container py-5">
-      {/* Frequency Switcher */}
-      <div className="text-center mb-4">
-        <div className="btn-group" role="group" aria-label="Plan frequency">
-          {["Monthly", "Quarterly", "Half-Yearly", "Yearly"].map((label, idx) => (
-            <button
-              key={idx}
-              type="button"
-              className={`btn btn-${frequency === idx ? "primary" : "outline-secondary"}`}
-              onClick={() => setFrequency(idx)}
-            >
-              {label}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      {/* Cards */}
-      <div className="row g-4 mt-10">
-        {loading ? (
-          // Show 3 skeletons
-          <>
-            <PlanCardSkeleton />
-            <PlanCardSkeleton />
-            <PlanCardSkeleton />
-          </>
-        ) : plans.length === 0 ? (
-          <div className="text-center">No plans found</div>
-        ) : (
-          plans.map((plan) => (
-            <div key={plan.id} className="col-xl-4 col-lg-6 col-md-6">
-              <div className="card h-100 shadow-lg border-0 p-3 text-center p-10">
-                {/* Header */}
-                <div className="mb-3">
-                  <i className="bx bxs-package text-primary fs-1 mb-2"></i>
-                  <p className="card-title fs-3 fw-bold mb-1">{plan.planName}</p>
-                  <p className="text-muted mb-0 fs-5">{plan.description}</p>
-                </div>
-
-                {/* Price */}
-                <div className="mb-3">
-                  <h4 className="fw-semibold mt-auto mb-0 fs-3">
-                    {plan.currency?.symbol} {plan.price}
-                    <small className="text-muted ms-1">/ {frequencyLabel(frequency)}</small>
-                  </h4>
-                </div>
-
-                {/* Storage & Trial */}
-                <div className="text-muted mb-5 d-flex justify-content-center gap-4">
-                  <div>
-                    <i className="fa-solid fa-hdd me-2"></i>
-                    Storage {plan.maxStorage} MB
-                  </div>
-                  <div>
-                    <i className="fa-regular fa-calendar-check text-success me-2"></i>
-                    Trial Days {plan.trialDays}
-                  </div>
-                </div>
-
-                {/* Features */}
-                <h6 className="fw-bold text-uppercase border-top pt-3 mb-3 text-center">
-                  Features
-                </h6>
-                <ul className="list-unstyled text-start mb-4 ms-7 fs-5">
-                  {plan.features?.modules &&
-                    Object.values(plan.features.modules).map((mod) =>
-                      mod && mod.name ? (
-                        <li
-                          key={mod.id}
-                          className="d-flex align-items-center mb-4"
-                        >
-                          {mod.enabled ? (
-                            <i className="fa-regular fa-circle-check text-success me-2"></i>
-                          ) : (
-                            <i className="fa-regular fa-circle-xmark text-danger me-2"></i>
-                          )}
-                          {mod.name}
-                        </li>
-                      ) : null
-                    )}
-                </ul>
-
-                {/* Button */}
-                <div className="mt-auto">
-                  <Link
-                    to="/auth/reqest/demo"
-                    className="btn btn-outline-primary w-100 fw-bold"
-                  >
-                    Request a Demo
-                  </Link>
-                </div>
-              </div>
-            </div>
-          ))
-        )}
-      </div>
-
-    </div>
-  );
-};
-
-export default SubscriptionPlans;

src/pages/Organization/OrganizationPage.jsx

@@ -1,12 +1,9 @@
-import React, { useState } from "react";
+import React from "react";
 import Breadcrumb from "../../components/common/Breadcrumb";
 import { useOrganizationModal } from "../../hooks/useOrganization";
-import OrganizationsList from "../../components/Organization/OrganizationsList";
 
 const OrganizationPage = () => {
   const orgModal = useOrganizationModal()
-  const [searchText,setSearchText] = useState("")
-
   return (
     <div className="container-fluid">
       <Breadcrumb
@@ -15,12 +12,10 @@ const OrganizationPage = () => {
       <div className="card my-3 px-sm-2 px-0">
         <div className="card-body py-2 px-3">
           <div className="row align-items-center">
-            <div className="col-6 d-flex  ">
+            <div className="col-6 ">
               <div className="d-flex align-items-center">
                 <input
                   type="search"
-                  value={searchText}
-                  onChange={(e)=>setSearchText(e.target.value)}
                   className="form-control form-control-sm w-auto"
                   placeholder="Search Organization"
                   aria-describedby="search-label"
@@ -41,8 +36,6 @@ const OrganizationPage = () => {
           </div>
         </div>
       </div>
-      <OrganizationsList searchText={searchText}/>
-
     </div>
   );
 };

src/pages/authentication/LoginPage.jsx

@@ -136,7 +136,7 @@ const LoginPage = () => {
                 )}
               </div> */}
 
-              <div className="mb-3 form-password-toggle text-start">
+               <div className="mb-3 form-password-toggle text-start">
                 <label htmlFor="password" className="form-label">
                   Password
                 </label>
@@ -146,8 +146,7 @@ const LoginPage = () => {
                     type={hidepass ? "password" : "text"}
                     autoComplete="new-password"
                     id="password"
-                    className={`form-control form-control-xl shadow-none ${errors.password ? "is-invalid" : ""
+                    className="form-control form-control-xl shadow-none"
-                      }`}
                     name="password"
                     {...register("password")}
                     placeholder="••••••••••••"
@@ -156,7 +155,7 @@ const LoginPage = () => {
                   <span className="input-group-text cursor-pointer border-start-0">
                     <button
                       type="button"
-                      className="btn btn-link-secondary p-0"
+                      className="btn btn-link p-0"
                       onClick={() => setHidepass(!hidepass)}
                     >
                       {hidepass ? (
@@ -167,16 +166,8 @@ const LoginPage = () => {
                     </button>
                   </span>
                 </div>
-
-                {/* ✅ Error message */}
-                {errors.password && (
-                  <div className="invalid-feedback text-start" style={{ fontSize: "12px" }}>
-                    {errors.password.message}
-                  </div>
-                )}
               </div>
 
-
               {/* Remember Me + Forgot Password */}
               <div className="mb-3 d-flex justify-content-between align-items-center">
                 <div className="form-check">

src/pages/employee/EmployeeProfile.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import { useSearchParams, useParams, useNavigate } from "react-router-dom";
-import { useDispatch, useSelector } from "react-redux";
+import { useSelector } from "react-redux";
 
 import {
   useEmployee,
@@ -23,33 +23,22 @@ import EmpBanner from "../../components/Employee/EmpBanner";
 import EmpDashboard from "../../components/Employee/EmpDashboard";
 import EmpDocuments from "../../components/Employee/EmpDocuments";
 import EmpActivities from "../../components/Employee/EmpActivities";
-import { setProjectId } from "../../slices/localVariablesSlice";
 
 const EmployeeProfile = () => {
   const { profile } = useProfile();
 
   const projectID = useSelector((store) => store.localVariables.projectId);
-
   const { employeeId } = useParams();
-  const dispatch = useDispatch();
 
   const [SearchParams] = useSearchParams();
   const tab = SearchParams.get("for");
   const [activePill, setActivePill] = useState(tab || "profile");
   const [showModal, setShowModal] = useState(false);
-  const {
+  const {data:currentEmployee,isLoading,isError,error}  = useEmployee(employeeId)
-    data: currentEmployee,
-    isLoading,
-    isError,
-    error,
-  } = useEmployee(employeeId);
   const handlePillClick = (pillKey) => {
     setActivePill(pillKey);
   };
 
-  useEffect(() => {
-    dispatch(setProjectId(null));
-  }, [projectID]);
 
   const navigate = useNavigate();
   const renderContent = () => {
@@ -98,7 +87,7 @@ const EmployeeProfile = () => {
   if (isLoading) {
     return <div>Loading...</div>;
   }
-  if (isError) return <div>{error.message}</div>;
+  if(isError) return <div >{error.message}</div>
   return (
     <>
       <div className="container-fluid">
@@ -126,11 +115,11 @@ const EmployeeProfile = () => {
           </div>
         </div>
         <div className="row">
-          <div className=" ">{renderContent()}</div>
+              <div className=" ">{renderContent()}</div>
         </div>
       </div>
     </>
   );
 };
 
-export default EmployeeProfile;
+export default EmployeeProfile;

src/pages/project/ProjectDetails.jsx

@@ -1,6 +1,5 @@
+import { useSelector, useDispatch } from "react-redux"; // Import useSelector
 import React, { useState, useEffect, useCallback } from "react";
-import { useDispatch } from "react-redux";
-import { useNavigate } from "react-router-dom";
 
 import ProjectOverview from "../../components/Project/ProjectOverview";
 import AboutProject from "../../components/Project/AboutProject";
@@ -10,44 +9,64 @@ import ProjectInfra from "../../components/Project/ProjectInfra";
 import Loader from "../../components/common/Loader";
 import WorkPlan from "../../components/Project/WorkPlan";
 import Breadcrumb from "../../components/common/Breadcrumb";
-import { useSelectedProject } from "../../slices/apiDataManager";
+import {
-import { useProjectDetails, useProjectName } from "../../hooks/useProjects";
+  cacheData,
+  clearCacheKey,
+  getCachedData,
+  useSelectedProject,
+} from "../../slices/apiDataManager";
+import "./ProjectDetails.css";
+import { useProjectDetails } from "../../hooks/useProjects";
 import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import eventBus from "../../services/eventBus";
 import ProjectProgressChart from "../../components/Dashboard/ProjectProgressChart";
+import { useProjectName } from "../../hooks/useProjects";
 import AttendanceOverview from "../../components/Dashboard/AttendanceChart";
 import { setProjectId } from "../../slices/localVariablesSlice";
+import ProjectDocument from "../../components/Project/ProjectDocuments";
 import ProjectDocuments from "../../components/Project/ProjectDocuments";
 import ProjectSetting from "../../components/Project/ProjectSetting";
 import DirectoryPage from "../Directory/DirectoryPage";
-import { useProjectAccess } from "../../hooks/useProjectAccess"; // ✅ new
+import { useHasAnyPermission } from "../../hooks/useExpense";
-
+import { VIEW_PROJECTS } from "../../utils/constants";
-import "./ProjectDetails.css";
+import { useNavigate, useRoutes } from "react-router-dom";
-import ProjectOrganizations from "../../components/Project/ProjectOrganizations";
 
 const ProjectDetails = () => {
-  const projectId = useSelectedProject();
+
+  const projectId = useSelectedProject()
+  const CanViewProject = useHasAnyPermission(VIEW_PROJECTS);
+  const navigate = useNavigate()
+
+  const { projectNames, fetchData } = useProjectName();
   const dispatch = useDispatch();
 
-  const { projectNames } = useProjectName();
-  const { projects_Details, loading: projectLoading, refetch } =
-    useProjectDetails(projectId);
-
-  const { canView, loading: permsLoading } = useProjectAccess(projectId);
-
   useEffect(() => {
-    if (!projectId && projectNames.length > 0) {
+    if(!CanViewProject){
-      dispatch(setProjectId(projectNames[0].id));
+       navigate("/dashboard")
     }
-  }, [projectId, projectNames, dispatch]);
+    if (projectId == null) {
+      dispatch(setProjectId(projectNames[0]?.id));
+    }
+  }, [projectNames]);
 
-  const [activePill, setActivePill] = useState(
+  const {
-    localStorage.getItem("lastActiveProjectTab") || "profile"
+    projects_Details,
-  );
+    loading: projectLoading,
+    error: projectError,
+    refetch,
+  } = useProjectDetails(projectId);
+
+  // const [activePill, setActivePill] = useState("profile");
+  const [activePill, setActivePill] = useState(() => {
+    return localStorage.getItem("lastActiveProjectTab") || "profile";
+  });
 
   const handler = useCallback(
     (msg) => {
-      if (msg.keyword === "Update_Project" && projects_Details?.id === msg.response.id) {
+      if (
+        msg.keyword === "Update_Project" &&
+        projects_Details?.id === msg.response.id
+      ) {
         refetch();
       }
     },
@@ -61,44 +80,69 @@ const ProjectDetails = () => {
 
   const handlePillClick = (pillKey) => {
     setActivePill(pillKey);
-    localStorage.setItem("lastActiveProjectTab", pillKey);
+    localStorage.setItem("lastActiveProjectTab", pillKey); // ✅ Save to localStorage
   };
 
-  if (projectLoading || permsLoading || !projects_Details) {
-    return <Loader />;
-  }
-
   const renderContent = () => {
+    if (projectLoading || !projects_Details) return <Loader />;
+
     switch (activePill) {
       case "profile":
         return (
-          <div className="row">
+          <>
-            <div className="col-lg-4 col-md-5 mt-2">
+            <div className="row">
-              <AboutProject />
+              <div className="col-lg-4 col-md-5 mt-2">
-              <ProjectOverview project={projectId} />
+                <AboutProject></AboutProject>
-            </div>
+                <ProjectOverview project={projectId} />
-            <div className="col-lg-8 col-md-7 mt-5">
-              <ProjectProgressChart ShowAllProject="false" DefaultRange="1M" />
-              <div className="mt-5">
-                <AttendanceOverview />
               </div>
+              <div className="col-lg-8 col-md-7 mt-5">
+                <ProjectProgressChart
+                  ShowAllProject="false"
+                  DefaultRange="1M"
+                />
+                <div className="mt-5">
+                  {" "}
+                  <AttendanceOverview />
+                </div>
+              </div>
+            </div>
+          </>
+        );
+
+      case "teams":
+        return (
+          <div className="row">
+            <div className="col-lg-12">
+              <Teams />
             </div>
           </div>
         );
-      case "teams":
+
-        return <Teams />;
       case "infra":
         return <ProjectInfra data={projects_Details} onDataChange={refetch} />;
+
       case "workplan":
         return <WorkPlan data={projects_Details} onDataChange={refetch} />;
+
       case "directory":
-        return <DirectoryPage IsPage={false} projectId={projects_Details.id} />;
+        return (
+          <div className="row mt-2">
+            <DirectoryPage IsPage={false} projectId={projects_Details.id} />
+          </div>
+        );
       case "documents":
-        return <ProjectDocuments />;
+        return (
-      case "setting":
+          <div className="row">
-        return <ProjectSetting />;
+            <ProjectDocuments />
-      case "organization":
+          </div>
-        return <ProjectOrganizations />;
+        );
+        case "setting":
+        return (
+          <div className="row">
+            <ProjectSetting />
+          </div>
+        );
+
       default:
         return <ComingSoonPage />;
     }
@@ -113,6 +157,7 @@ const ProjectDetails = () => {
           { label: projects_Details?.name || "Project", link: null },
         ]}
       />
+
       <div className="row">
         <ProjectNav onPillClick={handlePillClick} activePill={activePill} />
       </div>

src/repositories/OrganizationRespository.jsx

@@ -1,16 +1,9 @@
 import { api } from "../utils/axiosClient";
 
-const OrganizationRepository = {
-  createOrganization: (data) => api.post("/api/Organization/create", data),
-  getOrganizationList: (pageSize, pageNumber, active, sprid, searchString) => {
-    return api.get(
-      `/api/Organization/list?pageSize=${pageSize}&pageNumber=${pageNumber}&active=${active}&${
-        sprid ? `sprid=${sprid}&` : ""
-      }searchString=${searchString}`
-    );
-  },
 
-  assignOrganizationToProject:(data)=>api.post(`/api/Organization/assign/project`,data)
+const OrganizationRepository =  {
-};
+  createOrganization:(data)=>api.post('/api/Organization/create',data)
+}
 
 export default OrganizationRepository;
+

src/slices/localVariablesSlice.jsx

@@ -13,8 +13,7 @@ const localVariablesSlice = createSlice({
     reload:false,
 
     OrganizationModal:{
-      isOpen:false,
+      isOpen:false
-      orgData:null,
     }
   
   },
@@ -38,32 +37,15 @@ const localVariablesSlice = createSlice({
       state.defaultDateRange = action.payload;
     },
 
-openOrgModal: (state, action) => {
+     openOrgModal: (state) => {
-  debugger;
+      state.OrganizationModal.isOpen = true;
-
+    },
-  if (typeof action.payload === "boolean") {
-    state.OrganizationModal.isOpen = action.payload;
-    if (!action.payload) {
-      state.OrganizationModal.orgData = null;
-    }
-  } else if (typeof action.payload === "object") {
-    const { isOpen, orgData } = action.payload;
-    state.OrganizationModal.isOpen =
-      typeof isOpen === "boolean" ? isOpen : state.OrganizationModal.isOpen;
-    state.OrganizationModal.orgData =
-      orgData !== undefined ? orgData : state.OrganizationModal.orgData;
-  }
-}
-,
     closeOrgModal: (state) => {
       state.OrganizationModal.isOpen = false;
     },
     toggleOrgModal: (state) => {
       state.OrganizationModal.isOpen = !state.OrganizationModal.isOpen;
     },
-    addedOrgModal:(state,action)=>{
-      state.OrganizationModal.orgData = action.payload;
-    }
   },
 });