From 614b40b39f163bcaede36d01a8ec3f6f2408b4d3 Mon Sep 17 00:00:00 2001
From: amit-s19 <coutamit.s19@gmail.com>
Date: Mon, 15 Jan 2024 15:07:16 +0530
Subject: [PATCH] Forest Form Changes

---
 src/pages/submissions/SubmissionsEdit.tsx | 83 +++++++++++++++++++++--
 src/pages/submissions/SubmissionsView.tsx | 17 +++--
 2 files changed, 88 insertions(+), 12 deletions(-)

diff --git a/src/pages/submissions/SubmissionsEdit.tsx b/src/pages/submissions/SubmissionsEdit.tsx
index 66d0337..28788fa 100644
--- a/src/pages/submissions/SubmissionsEdit.tsx
+++ b/src/pages/submissions/SubmissionsEdit.tsx
@@ -83,7 +83,7 @@ const SubmissionsEdit = () => {
                         : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick(`plotNumber${el + 1}`)} fontSize="large" />
                         : null}
                 </div>
-                {feedbackState?.[`plotNumber${el + 1}`] || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label={`Feedback for Plot Number ${el + 1}`} source={`feedback.feedbackData.plotNumber${el + 1}`} /> : <></>}
+                {feedbackState?.[`plotNumber${el + 1}`] || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label={`Feedback for Plot Number ${el + 1}`} source={`feedback.feedbackData.plotNumber${el + 1}`} fullWidth /> : <></>}
 
             </>)
         return <></>
@@ -245,17 +245,86 @@ const SubmissionsEdit = () => {
 
 
                     <div className={styles.inputContainer}>
-                        <TextInput disabled label="No. of Plots Claimed Under FRA" source={"submissionData.fraPlotsClaimed"} fullWidth />
-                        {flag == TITLE_STATUS.PFA ? feedbackState?.fraPlotsClaimed ?
-                            <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("fraPlotsClaimed")} />
-                            : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("fraPlotsClaimed")} fontSize="large" />
+                        <TextInput disabled label="Description of boundaries by prominent landmarks including khasra/compartment No" source={"submissionData.boundariesDesc"} fullWidth />
+                        {flag == TITLE_STATUS.PFA ? feedbackState?.boundariesDesc ?
+                            <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("boundariesDesc")} />
+                            : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("boundariesDesc")} fontSize="large" />
                             : null}
                     </div>
-                    {feedbackState?.fraPlotsClaimed || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Plots Claimed" source="feedback.feedbackData.fraPlotsClaimed" /> : <></>}
+                    {feedbackState?.boundariesDesc || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Description of boundaries by prominent landmarks including khasra/compartment No" source="feedback.feedbackData.boundariesDesc" /> : <></>}
 
 
+                    <div className={styles.inputContainer}>
+                        <TextInput disabled label="Type of Forest Land" source={"submissionData.forestLandType"} fullWidth />
+                        {flag == TITLE_STATUS.PFA ? feedbackState?.forestLandType ?
+                            <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("forestLandType")} />
+                            : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("forestLandType")} fontSize="large" />
+                            : null}
+                    </div>
+                    {feedbackState?.forestLandType || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Type of Forest Land" source="feedback.feedbackData.forestLandType" /> : <></>}
+
+                    <FunctionField render={(record: any) => {
+                        if (record?.submissionData?.forestLandType == 'revenueForest') {
+                            return <>
+                                <div className={styles.inputContainer}>
+                                    <TextInput disabled label="Type of Block" source="submissionData.typeOfBlock" fullWidth />
+                                    {flag == TITLE_STATUS.PFA ? feedbackState?.typeOfBlock ?
+                                        <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("typeOfBlock")} />
+                                        : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("typeOfBlock")} fontSize="large" />
+                                        : null}
+                                </div>
+                                {feedbackState?.typeOfBlock || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Type of Block" source="feedback.feedbackData.typeOfBlock" fullWidth /> : <></>}
+                            </>
+                        }
+                    }} />
+
+                    <FunctionField render={(record: any) => {
+                        if (record?.submissionData?.forestLandType == 'revenueForest' && record?.submissionData?.typeOfBlock == 'jungleBlock') {
+                            return <>
+                                <div className={styles.inputContainer}>
+                                    <TextInput disabled label="Compartment No" source="submissionData.compartmentNo" fullWidth />
+                                    {flag == TITLE_STATUS.PFA ? feedbackState?.compartmentNo ?
+                                        <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("compartmentNo")} />
+                                        : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("compartmentNo")} fontSize="large" />
+                                        : null}
+                                </div>
+                                {feedbackState?.compartmentNo || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Compartment No" source="feedback.feedbackData.compartmentNo" fullWidth /> : <></>}
+                            </>
+                        }
+                    }} />
+
+                    <FunctionField render={(record: any) => {
+                        if (record?.submissionData?.forestLandType == 'revenueForest' && record?.submissionData?.typeOfBlock == 'revenueBlock') {
+                            return <>
+                                <div className={styles.inputContainer}>
+                                    <TextInput disabled label="No. of Plots Claimed Under FRA" source={"submissionData.fraPlotsClaimed"} fullWidth />
+                                    {flag == TITLE_STATUS.PFA ? feedbackState?.fraPlotsClaimed ?
+                                        <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("fraPlotsClaimed")} />
+                                        : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("fraPlotsClaimed")} fontSize="large" />
+                                        : null}
+                                </div>
+                                {feedbackState?.fraPlotsClaimed || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Plots Claimed" source="feedback.feedbackData.fraPlotsClaimed" fullWidth /> : <></>}
+
+                                {PlotInputs()}
+                            </>
+                        }
+                    }} />
+
+                    <FunctionField render={(record: any) => {
+                        if (record?.submissionData?.forestLandType == 'reservedForest') {
+                            return <>
+                                <div className={styles.inputContainer}>
+                                    <TextInput disabled label="Compartment No" source="submissionData.compartmentNo" fullWidth />
+                                    {flag == TITLE_STATUS.PFA ? feedbackState?.compartmentNo ?
+                                        <CancelIcon className={styles.iconStyle} fontSize="large" color="error" onClick={() => handleFeedbackClick("compartmentNo")} />
+                                        : <AddCommentIcon className={styles.iconStyle} color="error" onClick={() => handleFeedbackClick("compartmentNo")} fontSize="large" />
+                                        : null}
+                                </div>
+                                {feedbackState?.compartmentNo || flag != TITLE_STATUS.PFA ? <TextInput disabled={flag != TITLE_STATUS.PFA} required label="Feedback for Compartment No" source="feedback.feedbackData.compartmentNo" fullWidth /> : <></>}
+                            </>
+                        }
+                    }} />
 
-                    {PlotInputs()}
 
                     <div className={styles.inputContainer}>
                         <TextInput disabled label="Has ROR been updated?" source={"submissionData.rorUpdated"} fullWidth />
diff --git a/src/pages/submissions/SubmissionsView.tsx b/src/pages/submissions/SubmissionsView.tsx
index c5921d2..0de7a0f 100644
--- a/src/pages/submissions/SubmissionsView.tsx
+++ b/src/pages/submissions/SubmissionsView.tsx
@@ -97,11 +97,18 @@ const SubmissionsView = () => {
                             <TextField variant='outlined' label="Tribe Name" value={subData.tribeName} />
                             <TextField variant='outlined' label="Area Units" value={subData.areaUnits} />
                             <TextField variant='outlined' label="Area in Hectares (xx.xx)" value={subData.area} />
-                            <TextField variant='outlined' label="No. of Plots Claimed Under FRA" value={subData.fraPlotsClaimed} />
-                            {
-                                //@ts-ignore
-                                [...Array(Number(subData?.fraPlotsClaimed))?.keys()]?.map(el => <TextField variant='outlined' label={`Plot Number ${el + 1}`} value={subData[`plotNumber${el + 1}`]} />)
-                            }
+                            <TextField variant='outlined' label="Description of boundaries by prominent landmarks including khasra/compartment No" value={subData.boundariesDesc} />
+                            <TextField variant='outlined' label="Type of Forest Land" value={subData.forestLandType} />
+                            {subData?.forestLandType == 'revenueForest' && <TextField variant='outlined' label="Type of Block" value={subData.typeOfBlock} />}
+                            {subData?.forestLandType == 'revenueForest' && subData?.typeOfBlock == 'jungleBlock' && <TextField variant='outlined' label="Compartment No" value={subData.compartmentNo} />}
+                            {subData?.forestLandType == 'revenueForest' && subData?.typeOfBlock == 'revenueBlock' && <>
+                                <TextField variant='outlined' label="No. of Plots Claimed Under FRA" value={subData.fraPlotsClaimed} />
+                                {
+                                    //@ts-ignore
+                                    [...Array(Number(subData?.fraPlotsClaimed))?.keys()]?.map(el => <TextField variant='outlined' label={`Plot Number ${el + 1}`} value={subData[`plotNumber${el + 1}`]} />)
+                                }
+                            </>}
+                            {subData?.forestLandType == 'reservedForest' && <TextField variant='outlined' label="Compartment No" value={subData.compartmentNo} />}
                             <TextField variant='outlined' label="Has ROR been updated?" value={subData.rorUpdated ? 'Yes' : 'No'} />
                             <Carousel onClickItem={(index: any) => openImageViewer(index, setRorImageViewer)}>
                                 {rorImages?.map((el: string) => <img src={el} style={{ width: '30%' }} />)}