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()}