UI fix (#350)

Co-authored-by: nabeelmd-eGov <[email protected]>

micro-ui/web/micro-ui-internals/example/public/index.html

@@ -16,7 +16,7 @@
   /> -->
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].15-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].16-campaign/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
 
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->

micro-ui/web/micro-ui-internals/packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.0.15-campaign",
+  "version": "1.0.16-campaign",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss

@@ -154,3 +154,7 @@ input[type="date"]::-webkit-calendar-picker-indicator {
 .digit-employee-card-input.numeric {
   pointer-events: none;
 }
+.product-tag-container {
+  display: flex;
+  gap: 1.5rem;
+}

micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/configs/UICustomizations.js

@@ -21,7 +21,7 @@ export const UICustomizations = {
       data.body.CampaignDetails = {
         tenantId: tenantId,
         status: "started",
-        startDate: Date.now(),
+        // startDate: Date.now(),
         pagination: {
           sortBy: "campaignNumber",
           sortOrder: "asc",

micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/pages/employee/deliveryRule/AddDeliverycontext.js

@@ -497,11 +497,22 @@ const AddDeliveryRule = ({ targetedData, deliveryRules, setDeliveryRules, index,
           index={index}
           key={key}
         />
-
-        {delivery?.products?.length > 0 &&
-          delivery?.products?.map((i) => {
-            return i?.value && i?.count ? <RemoveableTagNew text={{ value: i.value }} onClick={() => removeProduct(i)} /> : null;
-          })}
+        <div className="product-tag-container">
+          {delivery?.products?.length > 0 &&
+            delivery?.products?.map((i) => {
+              return i?.value && i?.count ? (
+                <RemoveableTagNew
+                  extraStyles={{
+                    closeIconStyles: {
+                      fill: "#505A5F",
+                    },
+                  }}
+                  text={{ value: i.value }}
+                  onClick={() => removeProduct(i)}
+                />
+              ) : null;
+            })}
+        </div>
         <Button
           variation="secondary"
           label={t(`CAMPAIGN_ADD_PRODUCTS_BUTTON_TEXT`)}

micro-ui/web/public/index.html

@@ -10,7 +10,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].15-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].16-campaign/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />