From f90e62bc627eb307709e11ed6dc0a08bcd8c28de Mon Sep 17 00:00:00 2001
From: NabeelAyubee <nayubi7@gmail.com>
Date: Fri, 4 Oct 2024 21:36:18 +0530
Subject: [PATCH] added

---
 .../src/pages/employee/QuickStart/Config.js   | 32 ++++++++++++-------
 .../pages/employee/QuickStart/QuickSetup.js   | 12 +++----
 2 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/Config.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/Config.js
index 71f445ad4dc..4b9fb1b04a0 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/Config.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/Config.js
@@ -78,20 +78,32 @@ const QuickSetupConfigComponent = ({ onSelect, formData, control, formState, ...
     {
       id: 1,
       title: "SANDBOX_GUIDE_1",
-      content: "SANDBOX_CONTENT_1",
+      content: null,
       actions: [
         {
-          label: "SANDBOX_GUIDE_1_LABEL_1",
+          label: null,
           description: "SANDBOX_GUIDE_1_DESC_1",
         },
         {
-          label: "SANDBOX_GUIDE_1_LABEL_2",
+          label: null,
           description: "SANDBOX_GUIDE_1_DESC_2",
         },
         {
-          label: "SANDBOX_GUIDE_1_LABEL_3",
+          label: null,
           description: "SANDBOX_GUIDE_1_DESC_3",
         },
+        {
+          label: null,
+          description: "SANDBOX_GUIDE_1_DESC_4",
+        },
+        {
+          label: null,
+          description: "SANDBOX_GUIDE_1_DESC_5",
+        },
+        {
+          label: null,
+          description: "SANDBOX_GUIDE_1_DESC_6",
+        },
       ],
     },
     {
@@ -123,11 +135,11 @@ const QuickSetupConfigComponent = ({ onSelect, formData, control, formState, ...
           label: "SANDBOX_GUIDE_2_LABEL_6",
           description: "SANDBOX_GUIDE_2_DESC_6",
         },
+        {
+          label: "SANDBOX_GUIDE_2_LABEL_7",
+          description: "SANDBOX_GUIDE_2_DESC_7",
+        },
       ],
-      style: {
-        backgroundColor: "#fce4ec",
-        color: "#880e4f",
-      },
     },
     {
       id: 3,
@@ -147,10 +159,6 @@ const QuickSetupConfigComponent = ({ onSelect, formData, control, formState, ...
           description: "SANDBOX_GUIDE_3_DESC_3",
         },
       ],
-      style: {
-        backgroundColor: "#fff9c4",
-        color: "#f57f17",
-      },
     },
     {
       id: 4,
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/QuickSetup.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/QuickSetup.js
index 82e7a0a373d..5838cc366da 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/QuickSetup.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/employee/QuickStart/QuickSetup.js
@@ -11,13 +11,13 @@ const CardC = ({ type, title, content, actions, style }) => {
     <div>
       {/* <div style={{ border: "1px solid #ccc", borderRadius: "8px", padding: "16px", margin: "16px", ...style }}> */}
       <CardSectionHeader>{title}</CardSectionHeader>
-      <CardSectionSubText>{content}</CardSectionSubText>
-      <div>
+      <CardSectionSubText style={{ marginTop: "1rem" }}>{content}</CardSectionSubText>
+      <div style={{ marginTop: "1rem" }}>
         {actions && (
           <ListTag>
             {actions.map((action, index) => (
               <li key={index} style={{ listStyleType: ListTag === "ul" ? "disc" : "auto", margin: "8px 0" }}>
-                <strong>{action.label}:</strong> {action.description}
+                {action?.label ? <strong>{action?.label}:</strong> : null} {action.description}
               </li>
             ))}
           </ListTag>
@@ -29,9 +29,9 @@ const CardC = ({ type, title, content, actions, style }) => {
 
 const FAQ = ({ key, title, content, faqs }) => {
   return (
-    <div>
+    <div style={{ width: "100%" }}>
       <CardSectionHeader>{title}</CardSectionHeader>
-      <CardSectionSubText>{content}</CardSectionSubText>
+      <CardSectionSubText style={{ marginTop: "1rem" }}>{content}</CardSectionSubText>
       <div style={{ width: "100%" }}>
         {faqs.map((faq, i) => (
           <FaqComponent key={"faq_" + i} question={faq.question} answer={faq.answer} lastIndex={i === faqs?.length - 1} />
@@ -79,7 +79,7 @@ const QuickSetup = ({ cardConfig }) => {
                 actions={config.actions}
                 style={config.style}
               />
-              {index !== cardConfig?.length - 1 && <BreakLine style={{ width: "100%" }} />}
+              {index !== cardConfig?.length - 1 && <BreakLine style={{ width: "100%", border: "1px solid #d6d5d4" }} />}
             </React.Fragment>
           );
         })}