From 140f4ed3408c2cd164b780a1ea58839fb56c42f9 Mon Sep 17 00:00:00 2001
From: aaradhya-egov <137176709+aaradhya-egov@users.noreply.github.com>
Date: Mon, 21 Oct 2024 12:37:11 +0530
Subject: [PATCH] change the navigation logic in quick setup  (#1592)

* fix

* fix

* fix

* fix

* fix
---
 .../core/src/pages/citizen/Home/index.js      |  2 +-
 .../src/pages/employee/QuickStart/Config.js   |  4 +++
 .../pages/employee/QuickStart/QuickSetup.js   | 28 +++++++++----------
 .../pgr/src/pages/citizen/ComplaintDetails.js |  4 +--
 .../pgr/src/pages/citizen/ComplaintsList.js   |  2 +-
 5 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/index.js b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/index.js
index 49feca963bc..6d08ba931e6 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/index.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/core/src/pages/citizen/Home/index.js
@@ -17,7 +17,7 @@ import { useHistory } from "react-router-dom";
 const Home = () => {
   const { t } = useTranslation();
   const history = useHistory();
-  const tenantId = Digit.ULBService.getCitizenCurrentTenant(true);
+  const tenantId = Digit.Utils.getMultiRootTenant()? Digit.ULBService.getStateId() : Digit.ULBService.getCitizenCurrentTenant(true);
   const {
     data: { stateInfo, uiHomePage } = {},
     isLoading,
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 ef6b99a2a7e..d0328b88e49 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
@@ -173,6 +173,10 @@ const QuickSetupConfigComponent = ({ onSelect, formData, control, formState, ...
             {
               label: "SANDBOX_FAQ_ANS_5_LABEL_4",
               description: "SANDBOX_FAQ_ANS_5_DESCRIPTION_4",
+            },
+            {
+              label: "SANDBOX_FAQ_ANS_5_LABEL_5",
+              description: "SANDBOX_FAQ_ANS_5_DESCRIPTION_5",
             }
           ]
         },
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 6cfb7c3f7a7..613065b5627 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
@@ -1,7 +1,7 @@
 import React from "react";
 import{ useState } from "react";
 import { useTranslation } from "react-i18next";
-import { CardText, CardHeader, LinkLabel, Card } from "@egovernments/digit-ui-components";
+import { CardText, CardHeader, LinkLabel, Card, Button } from "@egovernments/digit-ui-components";
 import { ArrowForward } from "@egovernments/digit-ui-svg-components";
 import { CardSubHeader, CardSectionHeader, BreakLine, CardSectionSubText } from "@egovernments/digit-ui-react-components";
 
@@ -11,12 +11,6 @@ const FaqComponent = (props) => {
   const { t } = useTranslation();
   const tenantId = Digit.ULBService.getStateId();
   const ListTag = type === "number" ? "ol" : "ul";
-  const handleClick = (e, link) => {
-    e.stopPropagation(); // Stop the event from bubbling up to the parent div
-    if (link) {
-      window.open(link, '_blank', 'noopener noreferrer');
-    }
-  };
   return (
     <div className="faqs border-none" onClick={() => toggleOpen(!isOpen)}>
       <div className="faq-question" style={{ justifyContent: "space-between", display: "flex" }}>
@@ -34,13 +28,17 @@ const FaqComponent = (props) => {
             <li key={index} style={{ listStyleType: ListTag === "ul" ? "disc" : "auto", margin: "8px 0" }}>
               {isLabelLink ? (
                 action?.label ? (
-                  <a
-                  className="quickLink"
-                  href="#"
-                  onClick={(e) => handleClick(e, `${window.location.host}/${window?.globalPath}/${tenantId}/${action?.link}`)}
-                >
-                  {t(action?.label)}:
-                </a>
+                  <Button
+                  variation="teritiary"
+                  label={t(action?.label)}                  
+                  type="button"
+                  size={"medium"}
+                  onClick={() => {
+                    const baseURL = `https://${window.location.hostname}/${window?.globalPath}/${tenantId}`;
+                    window.open(`${baseURL}/${action?.link}`, "_blank");
+                  }}
+                  style={{ padding: "0px" }}
+                />
                 ) : null
               ) : (
                 action?.label ? <strong>{t(action?.label)}:</strong> : null
@@ -140,4 +138,4 @@ const QuickSetup = ({ cardConfig }) => {
   );
 };
 
-export default QuickSetup;
+export default QuickSetup;
\ No newline at end of file
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintDetails.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintDetails.js
index 175aa9f3b95..61d00e37267 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintDetails.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintDetails.js
@@ -21,7 +21,7 @@ import {
 import TimeLine from "../../components/TimeLine";
 
 const WorkflowComponent = ({ complaintDetails, id, getWorkFlow, zoomImage }) => {
-  const tenantId = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || complaintDetails.service.tenantId;
+  const tenantId = Digit.Utils.getMultiRootTenant()?  Digit.ULBService.getStateId() : Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || complaintDetails.service.tenantId;
   let workFlowDetails = Digit.Hooks.useWorkflowDetails({ tenantId: tenantId, id, moduleCode: "PGR" });
   // const { data: ComplainMaxIdleTime, isLoading: ComplainMaxIdleTimeLoading } = Digit.Hooks.pgr.useMDMS.ComplainClosingTime(tenantId?.split(".")[0]);
 
@@ -53,7 +53,7 @@ const ComplaintDetailsPage = (props) => {
   let { t } = useTranslation();
   let { id } = useParams();
 
-  let tenantId = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId(); // ToDo: fetch from state
+  let tenantId = Digit.Utils.getMultiRootTenant()? Digit.ULBService.getStateId() : Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId(); // ToDo: fetch from state
   const { isLoading, error, isError, complaintDetails, revalidate } = Digit.Hooks.pgr.useComplaintDetails({ tenantId, id });
 
   const [imageShownBelowComplaintDetails, setImageToShowBelowComplaintDetails] = useState({});
diff --git a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintsList.js b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintsList.js
index 805ebb5941b..f37a12d4212 100644
--- a/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintsList.js
+++ b/micro-ui/web/micro-ui-internals/packages/modules/pgr/src/pages/citizen/ComplaintsList.js
@@ -9,7 +9,7 @@ import Complaint from "../../components/Complaint";
 export const ComplaintsList = (props) => {
   const User = Digit.UserService.getUser();
   const mobileNumber = User.mobileNumber || User?.info?.mobileNumber || User?.info?.userInfo?.mobileNumber;
-  const tenantId = Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId();
+  const tenantId = Digit.Utils.getMultiRootTenant()? Digit.ULBService.getStateId() : Digit.SessionStorage.get("CITIZEN.COMMON.HOME.CITY")?.code || Digit.ULBService.getCurrentTenantId();
   const { t } = useTranslation();
   const { path, url } = useRouteMatch();
   let { isLoading, error, data, revalidate } = Digit.Hooks.pgr.useComplaintsListByMobile(tenantId, mobileNumber);