From f725ea5b156c1da3d77595c5372064e4354d8977 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Tue, 7 Mar 2023 22:21:50 +0530
Subject: [PATCH] fix: edit module mutation error (#394)

---
 apps/app/components/modules/modal.tsx             | 15 ++++++---------
 .../components/modules/select/select-status.tsx   |  1 +
 .../app/components/modules/single-module-card.tsx | 14 ++++++--------
 apps/app/components/ui/custom-search-select.tsx   |  2 +-
 4 files changed, 14 insertions(+), 18 deletions(-)

diff --git a/apps/app/components/modules/modal.tsx b/apps/app/components/modules/modal.tsx
index 7acf81339..fcbd3f531 100644
--- a/apps/app/components/modules/modal.tsx
+++ b/apps/app/components/modules/modal.tsx
@@ -76,15 +76,12 @@ export const CreateUpdateModuleModal: React.FC<Props> = ({ isOpen, setIsOpen, da
       .then((res) => {
         mutate<IModule[]>(
           MODULE_LIST(projectId as string),
-          (prevData) => {
-            const newData = prevData?.map((item) => {
-              if (item.id === res.id) {
-                return res;
-              }
-              return item;
-            });
-            return newData;
-          },
+          (prevData) =>
+            prevData?.map((p) => {
+              if (p.id === res.id) return { ...p, ...payload };
+
+              return p;
+            }),
           false
         );
         handleClose();
diff --git a/apps/app/components/modules/select/select-status.tsx b/apps/app/components/modules/select/select-status.tsx
index 4b9ce65bb..f0723eb27 100644
--- a/apps/app/components/modules/select/select-status.tsx
+++ b/apps/app/components/modules/select/select-status.tsx
@@ -43,6 +43,7 @@ export const ModuleStatusSelect: React.FC<Props> = ({ control, error }) => (
           </div>
         }
         onChange={onChange}
+        noChevron
       >
         {MODULE_STATUS.map((status) => (
           <CustomSelect.Option key={status.value} value={status.value}>
diff --git a/apps/app/components/modules/single-module-card.tsx b/apps/app/components/modules/single-module-card.tsx
index c8b179ae5..eeb2628cb 100644
--- a/apps/app/components/modules/single-module-card.tsx
+++ b/apps/app/components/modules/single-module-card.tsx
@@ -175,9 +175,7 @@ export const SingleModuleCard: React.FC<Props> = ({ module, handleEditModule })
           <div className="flex h-full w-full flex-col items-start justify-between gap-6 p-5">
             <div className="flex w-full flex-col gap-5">
               <Tooltip tooltipContent={module.name} position="top-left">
-                <span
-                  className="break-all text-xl font-semibold text-black"
-                >
+                <span className="break-all text-xl font-semibold text-black">
                   <Link href={`/${workspaceSlug}/projects/${module.project}/modules/${module.id}`}>
                     <a className="w-full">{truncateText(module.name, 75)}</a>
                   </Link>
@@ -186,19 +184,19 @@ export const SingleModuleCard: React.FC<Props> = ({ module, handleEditModule })
               <div className="flex items-center gap-4">
                 <div className="flex items-start gap-1 ">
                   <CalendarDaysIcon className="h-4 w-4 text-gray-900" />
-                  <span className="text-gray-400">Start :</span>
+                  <span className="text-gray-400">Start:</span>
                   <span>{renderShortDateWithYearFormat(startDate)}</span>
                 </div>
-                <div className="flex items-start gap-1 ">
+                <div className="flex items-start gap-1">
                   <CalendarDaysIcon className="h-4 w-4 text-gray-900" />
-                  <span className="text-gray-400">End :</span>
+                  <span className="text-gray-400">End:</span>
                   <span>{renderShortDateWithYearFormat(endDate)}</span>
                 </div>
               </div>
               <div className="flex items-center gap-6">
                 <div className="flex items-center gap-1.5">
                   <UserCircleIcon className="h-5 w-5 text-gray-400" />
-                  <span>Lead : </span>
+                  <span>Lead:</span>
                   <div>
                     {module.lead_detail ? (
                       <div className="flex items-center gap-1">
@@ -221,7 +219,7 @@ export const SingleModuleCard: React.FC<Props> = ({ module, handleEditModule })
                 </div>
                 <div className="flex items-center gap-1.5">
                   <UserGroupIcon className="h-5 w-5 text-gray-400" />
-                  <span>Members</span>
+                  <span>Members:</span>
                   <div className="flex  items-center gap-1 text-xs">
                     {module.members_detail && module.members_detail.length > 0 ? (
                       <AssigneesList users={module.members_detail} length={3} />
diff --git a/apps/app/components/ui/custom-search-select.tsx b/apps/app/components/ui/custom-search-select.tsx
index 8121405eb..a8b685642 100644
--- a/apps/app/components/ui/custom-search-select.tsx
+++ b/apps/app/components/ui/custom-search-select.tsx
@@ -29,7 +29,7 @@ type CustomSearchSelectProps = {
 export const CustomSearchSelect = ({
   label,
   textAlignment,
-  height = "sm",
+  height = "md",
   value,
   onChange,
   options,