diff --git a/src/components/process/processStepTwo/DocumentContainer.tsx b/src/components/process/processStepTwo/DocumentContainer.tsx index cce08c7..b25a20c 100644 --- a/src/components/process/processStepTwo/DocumentContainer.tsx +++ b/src/components/process/processStepTwo/DocumentContainer.tsx @@ -10,14 +10,14 @@ import { useNavigate, useParams } from 'react-router-dom'; import { IoMdClose } from 'react-icons/io'; -import { fetchRecipients, toggleToTemplates } from '../../../store/slices/selectedRecipientsSlice'; +import { fetchRecipients, toggleToTemplates, TRANSACTION_TEMPLATE_TOGGLE } from '../../../store/slices/selectedRecipientsSlice'; import { fetchDocuments } from '../../../store/slices/documentSlice'; import { FaQuestionCircle } from 'react-icons/fa'; import typeToIconMap from '../../../helper/iconMap'; import { IoAdd } from 'react-icons/io5'; import Loader from '../../dashboard/Loader'; -import { TRANSACTION_TEMPLATE_TOGGLE } from "../../../store/slices/selectedRecipientsSlice"; +// import { TRANSACTION_TEMPLATE_TOGGLE } from "../../../store/slices/selectedRecipientsSlice"; import { handleGroupBorderPosition } from '../../../utlity/tagGroupConUtils'; export interface DroppedItemsObj { @@ -574,16 +574,13 @@ const DocumentContainer: React.FC = ({ isSend }) => { })() } + // const handleAddRadioClick = (key:string) => { + // console.log("Handle Radio Clicled", key) + // console.log(droppedItems, "line 525") + // } - const handleAddRadioClick = (key: string) => { - console.log("Handle Radio Clicled", key) - console.log(droppedItems, "line 525") - // const handleAddRadioClick = (key: string) => { - // console.log("Handle Radio Clicled", key) - // console.log(droppedItems, "line 525") - // } - - const handleAddGroupItemClicked = (key: string, item) => { + + const handleAddGroupItemClicked = (key: string, item) => { const groupId = item.group; @@ -596,23 +593,22 @@ const DocumentContainer: React.FC = ({ isSend }) => { handleIGroupBorderPosition(item.group) }, 0) - setDroppedItems({ - ...droppedItems, - [key]: [...droppedItems[key], { ...item, isGroupExist: true }], - }); - - } + setDroppedItems({ + ...droppedItems, + [key]: [...droppedItems[key], { ...item, isGroupExist: true }], + }); } - // const handleAddRadio = (e: React.MouseEvent, key: string, index: number) => { - // // const dataToSet: DroppedItemsObj = { - // // ...droppedItems, - // // [key]: [...(droppedItems[key] || []), - // // { - // // ...prepData, - // // radioGroups: dragElemData.label === "radio" ? [{ ...prepData }] : [] - // // }], - // // } + + // const handleAddRadio = (e: React.MouseEvent, key: string, index: number) => { + // // const dataToSet: DroppedItemsObj = { + // // ...droppedItems, + // // [key]: [...(droppedItems[key] || []), + // // { + // // ...prepData, + // // radioGroups: dragElemData.label === "radio" ? [{ ...prepData }] : [] + // // }], + // // } // // const lastRadioElemRect = e.currentTarget?.parentElement.previousSibling.getBoundingClientRect(); // // console.log(lastRadioElemRect, "lastRadioElemRect") @@ -935,4 +931,4 @@ const DocumentContainer: React.FC = ({ isSend }) => { ) } - export default DocumentContainer; \ No newline at end of file + export default DocumentContainer; diff --git a/src/index.css b/src/index.css index 6935b98..4b8c8f9 100644 --- a/src/index.css +++ b/src/index.css @@ -119,7 +119,16 @@ canvas { border-radius: 5px; } -<<<<<<< HEAD +.bottom-border>div:hover { + background-color: var(--primaryLight2) ; + opacity: 0.9; + transition: all 0.3s ease-in-out; + cursor: pointer; +} + +/* Group Border - END */ + + /* Loader CSS */ /* From Uiverse.io by Juanes200122 */ .pl { @@ -326,7 +335,6 @@ canvas { stroke-dashoffset: -440; } } -======= .bottom-border>div:hover { background-color: var(--primaryLight2) ; opacity: 0.9; @@ -336,5 +344,3 @@ canvas { /* Group Border - END */ -/* Loader CSS */ ->>>>>>> 313217eded9cceb45db39bd86d6886f199fec226