diff --git a/src/components/process/processStepTwo/DroppedItemsTagsCon.tsx b/src/components/process/processStepTwo/DroppedItemsTagsCon.tsx index e238f59..0becaf7 100644 --- a/src/components/process/processStepTwo/DroppedItemsTagsCon.tsx +++ b/src/components/process/processStepTwo/DroppedItemsTagsCon.tsx @@ -697,8 +697,10 @@ const DroppedItemsTagsCon = forwardRef(({ style={{ left: `${item.dimensions.left * scaleX}px`, top: `${item.dimensions.top * scaleY}px`, - width: item.type == "radio" ? `${item.dimensions.width + 20}px` : `${item.dimensions.width * scaleX}px`, - height: item.type == "radio" ? `max-content` : `${item.dimensions.height * scaleY}px` + // width: item.type == "radio" ? `${item.dimensions.width + 20}px` : `${item.dimensions.width * scaleX}px`, + // height: item.type == "radio" ? `max-content` : `${item.dimensions.height * scaleY}px` + width: `${item.dimensions.width * scaleX}px`, + height: `${item.dimensions.height * scaleY}px` }} // style={{ @@ -734,10 +736,14 @@ const DroppedItemsTagsCon = forwardRef(({ {/* Expand Circle - STARTS */} - {item.type != "radio" && item.type != "checkbox" &&
handleExpandTag(e, pageIdkey, index)} className='w-2.5 h-2.5 absolute bg-red-400 rounded-full bottom-[-8px] right-[-8px] cursor-nw-resize hover:bg-blue-400'> -
} + } */} +
handleExpandTag(e, pageIdkey, index)} + className='w-2.5 h-2.5 absolute bg-red-400 rounded-full bottom-[-8px] right-[-8px] cursor-nw-resize hover:bg-blue-400'> +
{/* Expand Circle - ENDS */} {/* Tag - START */} diff --git a/src/components/process/processStepTwo/tagProperties/TagProperties.tsx b/src/components/process/processStepTwo/tagProperties/TagProperties.tsx index 64a3b7f..928b415 100644 --- a/src/components/process/processStepTwo/tagProperties/TagProperties.tsx +++ b/src/components/process/processStepTwo/tagProperties/TagProperties.tsx @@ -142,16 +142,32 @@ const TagProperties: React.FC = ( setDropDownToggle(null) } + // useEffect(() => { + // if (selectedTag.label == "temporal" && !("dateFormat" in selectedTag)) { + // handlePropertyChange("dateFormat", TEMPORAL.DATE); + // handlePropertyChange("format", "DD/MM/YY"); + // } + + // if (selectedTag.label == TagsTypes.TEXT && !("multiLine" in selectedTag)) { + // handlePropertyChange("multiLine", true); + // } + // }, [selectedTag]) + + useEffect(() => { - if (selectedTag.label == "temporal" && !("dateFormat" in selectedTag)) { + if (!selectedTag) return; + + if (selectedTag.label === "temporal" && !("dateFormat" in selectedTag)) { handlePropertyChange("dateFormat", TEMPORAL.DATE); handlePropertyChange("format", "DD/MM/YY"); + return; } - if (selectedTag.label == TagsTypes.TEXT && !("multiLine" in selectedTag)) { + if (selectedTag.label === TagsTypes.TEXT && !("multiLine" in selectedTag)) { handlePropertyChange("multiLine", true); } - }, [selectedTag]) + + }, [selectedTag?.id, selectedTag?.label]); const handleDecimalPlace = (e: React.ChangeEvent) => { const val = Number(e.target.value) @@ -303,10 +319,10 @@ const TagProperties: React.FC = ( return ( <> {/* Right Side Bar Start */} -
+

{selectedTag.type.toLowerCase()}