Merge pull request #790 from Ajay-aot/FWF-5239/bundle-ui-issues

FWF-5239[bugfix]bundle-ui-issues-part2

Author: arun-s-aot

forms-flow-components/src/components/CustomComponents/FormSubmissionHistoryModal.tsx

@@ -18,20 +18,21 @@ interface SubmissionHistory {
   id?: string;
 }
 
-const HistoryField = ({ fields }: { fields: { id: number; value: string }[] }) => (
+const HistoryField = ({ fields, created }: { fields: { id: number; value: string }[]; created?: string }) => (
+  
   <>
     <p className="heading">
       {fields.map(({ id, value }) => (
-        <>
+        <React.Fragment key={id}>
           {value}
-        </>
+        </React.Fragment>
       ))}
     </p>
 
     <div className="details">
       <div>
         <p>Created On</p>
-        <p>28-05-2025, 02:44:06 PM</p>
+        <p className="text-nowrap">{created ? HelperServices.getLocalDateAndTime(created) : "N/A"}</p>
       </div>
     </div>
   </>
@@ -78,8 +79,8 @@ export const FormSubmissionHistoryModal: React.FC<FormSubmissionHistoryModalProp
                     <HistoryField
                       fields={[
                         { id: 1, value: entry.applicationStatus || "N/A" },
-                        { id: 2, value: entry.created ? HelperServices.getLocalDateAndTime(entry.created) : "N/A" },
                       ]}
+                      created={entry.created}
                     />
                   </div>
                 ))}

forms-flow-theme/scss/_table.scss

@@ -1041,5 +1041,5 @@ $white-color: var(--ff-white);
 }
 //bundle specific
 .bundle-table-body{
-  max-height: 75vh;
+  height: 75vh;
 }

forms-flow-theme/scss/historyModal.scss

@@ -80,7 +80,7 @@ $white-color: var(--ff-white);
         @include textBaseHightlight($fontSmallest);
 
         display: flex;
-        flex-grow: 1;
+        flex-grow: 0.95;
       }
 
       .details {
@@ -128,7 +128,7 @@ $white-color: var(--ff-white);
           width: 100%;
 
           & > div {
-            flex: 1;
+            flex: 1;  
             width: unset;
           }
         }