From 630c11985de1ff108604e1ddc6338e8f21587f14 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Sat, 13 Dec 2025 11:18:11 +0530
Subject: [PATCH] Correction in Subscription page.

---
 .../Project/Team/TeamAssignToProject.jsx      |  76 ++++++-------
 src/pages/Home/SubscriptionPlans.jsx          | 102 ++++++++----------
 2 files changed, 81 insertions(+), 97 deletions(-)

diff --git a/src/components/Project/Team/TeamAssignToProject.jsx b/src/components/Project/Team/TeamAssignToProject.jsx
index 9c99333a..45673f9d 100644
--- a/src/components/Project/Team/TeamAssignToProject.jsx
+++ b/src/components/Project/Team/TeamAssignToProject.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import TeamEmployeeList from "./TeamEmployeeList";
 import { useOrganization } from "../../../hooks/useDirectory";
 import { useOrganizationsList } from "../../../hooks/useOrganization";
@@ -14,56 +14,48 @@ const TeamAssignToProject = ({ closeModal }) => {
   const project = useSelectedProject();
   const { data, isLoading, isError, error } =
     useProjectAssignedOrganizationsName(project);
-  const { control, watch, formState: { errors } } = useForm({
+  const { control, watch, setValue, formState: { errors } } = useForm({
     defaultValues: { organizationId: "" },
   });
+
+  useEffect(() => {
+    if (data?.length === 1) {
+      setValue("organizationId", data[0].id, {
+        shouldValidate: true,
+        shouldDirty: true,
+      });
+    }
+  }, [data, setValue]);
+
   return (
     <div className="container">
       {/* <p className="fs-5 fs-seminbod ">Assign Employee To Project </p> */}
       <h5 className="mb-4">Assign Employee To Project</h5>
 
       <div className="row align-items-center gx-5 text-start">
-        <div className="col-12 col-md-6 mb-2 mt-5">
-         
-          {!isLoading && data && (
-            <>
-              {data.length === 1 && (
-                <h5 className="mb-2">{data[0].name}</h5>
-              )}
-
-              {/* If multiple organizations → show dropdown */}
-              {data.length > 1 && (
-                <div className="col-12 col-md-6 mb-2 text-start">
-                  <AppFormController
-                    name="organizationId"
-                    control={control}
-                    rules={{ required: "Organization is required" }}
-                    render={({ field }) => (
-                      <SelectField
-                        label="Select Organization"
-                        options={[...data]}
-                        placeholder="Choose an Organization"
-                        required
-                        labelKey="name"
-                        valueKey="id"
-                        value={field.value}
-                        onChange={field.onChange}
-                        isLoading={isLoading}
-                        className="m-0 w-100"
-                      />
-                    )}
-                  />
-                  {errors.organizationId && (
-                    <small className="danger-text">
-                      {errors.organizationId.message}
-                    </small>
-                  )}
-                </div>
-              )}
-            </>
+        <div className="col-12 col-md-6 mb-2">
+          <AppFormController
+            name="organizationId"
+            control={control}
+            rules={{ required: "Organization is required" }}
+            render={({ field }) => (
+              <SelectField
+                label="Select Organization"
+                options={data ?? []}
+                placeholder="Choose an Organization"
+                required
+                labelKey="name"
+                valueKey="id"
+                value={field.value}
+                onChange={field.onChange}
+                isLoading={isLoading}
+                className="m-0 w-100"
+              />
+            )}
+          />
+          {errors.organizationId && (
+            <small className="danger-text">{errors.organizationId.message}</small>
           )}
-          {/* </div> */}
-
         </div>
         <div className="col-12 col-md-6 mt-n2">
           <div className="d-flex flex-column">
diff --git a/src/pages/Home/SubscriptionPlans.jsx b/src/pages/Home/SubscriptionPlans.jsx
index 6c47826b..f6357ff3 100644
--- a/src/pages/Home/SubscriptionPlans.jsx
+++ b/src/pages/Home/SubscriptionPlans.jsx
@@ -108,64 +108,56 @@ const SubscriptionPlans = () => {
                       if (!mod || !mod.name) return null;
 
                       return (
-                        <div className="accordion-item mb-2" key={mod.id}>
-                          <h2 className="accordion-header" id={`heading-${mod.id}`}>
-                            <button
-                              className="accordion-button collapsed py-2 d-flex justify-content-between align-items-center"
-                              type="button"
-                              data-bs-toggle="collapse"
-                              data-bs-target={`#collapse-${mod.id}-${plan.id}`}
-                              aria-expanded="false"
-                              aria-controls={`collapse-${mod.id}-${plan.id}`}
-                            >
-                              <span className="fw-semibold d-flex align-items-center">
-                                {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}
-                              </span>
+                        <div className="accordion-item mb-2" key={`${plan.id}-${mod.id}`}>
+  <h2 id={`heading-${plan.id}-${mod.id}`} className="accordion-header">
+    <button
+      className="accordion-button py-2 d-flex justify-content-between align-items-center"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target={`#collapse-${plan.id}-${mod.id}`}
+      aria-expanded="true"
+      aria-controls={`collapse-${plan.id}-${mod.id}`}
+    >
+      <span className="fw-semibold d-flex align-items-center">
+        {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}
+      </span>
 
-                              {/* Down arrow */}
-                              <i
-                                className="bx bx-chevron-down ms-2 transition-arrow"
-                                style={{ fontSize: "16px", transition: "transform 0.3s" }}
-                              ></i>
-                            </button>
-                          </h2>
+      <i className="bx bx-chevron-down ms-2"></i>
+    </button>
+  </h2>
 
-                          <div
-                            id={`collapse-${mod.id}-${plan.id}`}
-                            className="accordion-collapse collapse"
-                            data-bs-parent={`#planFeatures-${plan.id}`}
-                          >
-                            <div className="accordion-body py-2">
-                              {mod.features && mod.features.length > 0 ? (
-                                <ul className="list-unstyled ms-2">
-                                  {mod.features.map((feat) => (
-                                    <li
-                                      key={feat.id}
-                                      className="d-flex align-items-start mb-1"
-                                    >
-                                      <i
-                                        className={`fa-regular ${mod.enabled ? "bx bxs-circle text-success" : "bx bxs-circle text-danger"
-                                          } me-2 mt-1`}
-                                        style={{ fontSize: "8px" }}
-                                      ></i>
+  <div
+    id={`collapse-${plan.id}-${mod.id}`}
+    className="accordion-collapse collapse show"
+    aria-labelledby={`heading-${plan.id}-${mod.id}`}
+  >
+    <div className="accordion-body py-2">
+      {mod.features?.length > 0 ? (
+        <ul className="list-unstyled ms-2">
+          {mod.features.map((feat) => (
+            <li key={feat.id} className="d-flex align-items-start mb-1">
+              <i
+                className={`bx bxs-circle ${
+                  mod.enabled ? "text-success" : "text-danger"
+                } me-2 mt-1`}
+                style={{ fontSize: "8px" }}
+              ></i>
+              <span>{feat.name}</span>
+            </li>
+          ))}
+        </ul>
+      ) : (
+        <p className="text-muted small mb-0">No additional features</p>
+      )}
+    </div>
+  </div>
+</div>
 
-                                      <span>{feat.name}</span>
-                                    </li>
-                                  ))}
-                                </ul>
-                              ) : (
-                                <p className="text-muted small mb-0">
-                                  No additional features
-                                </p>
-                              )}
-                            </div>
-                          </div>
-                        </div>
                       );
                     })}
                 </div>