From cf213c97de8633d8be918709c836d9f1c0b635a5 Mon Sep 17 00:00:00 2001
From: vamshikrishnakole-wtt-egov
 <57343517+vamshikrishnakole-wtt-egov@users.noreply.github.com>
Date: Thu, 31 Mar 2022 16:38:16 +0530
Subject: [PATCH] RAIN-6612- PT: UI : moving Radio buttons to check box.
 (#2289)

---
 .../Mutate/IsMutationPending.js               | 27 ++++++++++++++-----
 .../pageComponents/Mutate/underStateAquire.js | 27 ++++++++++++++-----
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/IsMutationPending.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/IsMutationPending.js
index a8bb0f349c8..8a88eff1120 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/IsMutationPending.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/IsMutationPending.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { FormStep, RadioButtons, LabelFieldPair, CardLabel, Dropdown, Loader, TextInput } from "@egovernments/digit-ui-react-components";
+import { FormStep, RadioButtons, LabelFieldPair, CardLabel, Dropdown, Loader, TextInput, CheckBox } from "@egovernments/digit-ui-react-components";
 
 const IsMutationPending = (props) => {
   const { t, config, onSelect, userType, formData, setError, clearErrors, errors } = props;
@@ -25,15 +25,30 @@ const IsMutationPending = (props) => {
 
   const onSkip = () => {};
 
+  function setIsMutationInCourt(e) {
+    if (e.target.checked == true) {
+      setMutationInCourt({ code: "YES"});
+    } else {
+      setMutationInCourt({ code: "NO"});
+    }
+  }
+
   if (userType === "employee") {
     return (
       <React.Fragment>
         <LabelFieldPair style={{ display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-          <CardLabel style={{ fontWeight: "bold" }} className="card-label-smaller">
+          {/* <CardLabel style={{ fontWeight: "bold" }} className="card-label-smaller">
             {t("PT_MUTATION_COURT_PENDING_OR_NOT") + " *"}
-          </CardLabel>
-          <div className="field">
-            <RadioButtons
+          </CardLabel> */}
+          <div className="field" style={{width: "55%"}}>
+          <CheckBox
+              label={`${t("PT_MUTATION_COURT_PENDING_OR_NOT")}*`}
+              name={"isMutationInCourt"}
+              onChange={setIsMutationInCourt}
+              checked={isMutationInCourt?.code === "YES" ? true : false}
+              style={{ paddingBottom: "10px", paddingTop: "3px", fontWeight: "bold", fontSize: "16px", lineHeight: "19px", color: "#0b0c0c" }}
+            />
+            {/* <RadioButtons
               style={{ display: "flex" }}
               innerStyles={{ paddingRight: "250px" }}
               t={t}
@@ -46,7 +61,7 @@ const IsMutationPending = (props) => {
               }}
               labelKey="PT_MUTATION_PENDING"
               isDependent={true}
-            />
+            /> */}
           </div>
         </LabelFieldPair>
         <LabelFieldPair style={{ marginBottom: "50px" }}>
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/underStateAquire.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/underStateAquire.js
index b6a21499e8d..b9dc9c6e289 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/underStateAquire.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/pt/src/pageComponents/Mutate/underStateAquire.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { FormStep, RadioButtons, LabelFieldPair, CardLabel, TextInput } from "@egovernments/digit-ui-react-components";
+import { FormStep, RadioButtons, LabelFieldPair, CardLabel, TextInput, CheckBox } from "@egovernments/digit-ui-react-components";
 
 const PTPropertyUnderStateAquire = ({ ...props }) => {
   const { t, config, onSelect, userType, formData, setError, clearErrors, errors } = props;
@@ -25,15 +25,30 @@ const PTPropertyUnderStateAquire = ({ ...props }) => {
 
   const onSkip = () => {};
 
+  function setPropertyUnderGovtPossession(e) {
+    if (e.target.checked == true) {
+      setSelected({ code: "YES"});
+    } else {
+      setSelected({ code: "NO"});
+    }
+  }
+
   if (userType === "employee") {
     return (
       <React.Fragment>
         <LabelFieldPair style={{ display: "flex", flexDirection: "column", alignItems: "flex-start" }}>
-          <CardLabel style={{ fontWeight: "bold" }} className="card-label-smaller">
+          {/* <CardLabel style={{ fontWeight: "bold" }} className="card-label-smaller">
             {t("PT_MUTATION_STATE_ACQUISITION") + " *"}
-          </CardLabel>
-          <div className="field">
-            <RadioButtons
+          </CardLabel> */}
+          <div className="field" style={{width: "55%"}}>
+            <CheckBox
+              label={`${t("PT_MUTATION_STATE_ACQUISITION")}*`}
+              name={"isPropertyUnderGovtPossession"}
+              onChange={setPropertyUnderGovtPossession}
+              checked={isPropertyUnderGovtPossession?.code === "YES" ? true : false}
+              style={{ paddingBottom: "10px", paddingTop: "3px", fontWeight: "bold", fontSize: "16px", lineHeight: "19px", color: "#0b0c0c" }}
+            />
+            {/* <RadioButtons
               style={{ display: "flex" }}
               innerStyles={{ paddingRight: "250px" }}
               t={t}
@@ -46,7 +61,7 @@ const PTPropertyUnderStateAquire = ({ ...props }) => {
               }}
               labelKey="PT_MUTATION_STATE_ACQUISITION"
               isDependent={true}
-            />
+            /> */}
           </div>
         </LabelFieldPair>