formating removed-18

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/buttonComp/toggleButtonComp.tsx

@@ -82,13 +82,17 @@ const ToggleTmpComp = (function () {
           loading={props.loading}
           disabled={props.disabled}
           onClick={() => {
-            props.onEvent("change");
+            props.onEvent('change');
             props.value.onChange(!props.value.value);
           }}
         >
-          {props.iconPosition === "right" && text}
-          {<IconWrapper>{props.value.value ? props.trueIcon : props.falseIcon}</IconWrapper>}
-          {props.iconPosition === "left" && text}
+          {props.iconPosition === 'right' && text}
+          {
+            <IconWrapper>
+              {props.value.value ? props.trueIcon : props.falseIcon}
+            </IconWrapper>
+          }
+          {props.iconPosition === 'left' && text}
         </Button100>
       </ButtonCompWrapperStyled>
     );
@@ -97,53 +101,66 @@ const ToggleTmpComp = (function () {
       <>
         <Section name={sectionNames.basic}>
           {children.value.propertyView({
-            label: trans("prop.defaultValue"),
-            tooltip: trans("toggleButton.valueDesc"),
+            label: trans('prop.defaultValue'),
+            tooltip: trans('toggleButton.valueDesc'),
           })}
         </Section>
 
-        {(useContext(EditorContext).editorModeStatus === "logic" || useContext(EditorContext).editorModeStatus === "both") && (
-          <><Section name={sectionNames.interaction}>
+        {(useContext(EditorContext).editorModeStatus === 'logic' ||
+          useContext(EditorContext).editorModeStatus === 'both') && (
+          <>
+            <Section name={sectionNames.interaction}>
               {children.onEvent.getPropertyView()}
               {disabledPropertyView(children)}
               {hiddenPropertyView(children)}
               {loadingPropertyView(children)}
             </Section>
             <Section name={sectionNames.advanced}>
-              {children.showText.propertyView({ label: trans("toggleButton.showText") })}
-              {children.showText.getView() && 
-                children.trueText.propertyView({ label: trans("toggleButton.trueLabel") })}
+              {children.showText.propertyView({
+                label: trans('toggleButton.showText'),
+              })}
               {children.showText.getView() &&
-                children.falseText.propertyView({ label: trans("toggleButton.falseLabel") })}
-              {children.trueIcon.propertyView({ label: trans("toggleButton.trueIconLabel") })}
-              {children.falseIcon.propertyView({ label: trans("toggleButton.falseIconLabel") })}
+                children.trueText.propertyView({
+                  label: trans('toggleButton.trueLabel'),
+                })}
+              {children.showText.getView() &&
+                children.falseText.propertyView({
+                  label: trans('toggleButton.falseLabel'),
+                })}
+              {children.trueIcon.propertyView({
+                label: trans('toggleButton.trueIconLabel'),
+              })}
+              {children.falseIcon.propertyView({
+                label: trans('toggleButton.falseIconLabel'),
+              })}
               {children.showText.getView() &&
                 children.iconPosition.propertyView({
-                  label: trans("toggleButton.iconPosition"),
+                  label: trans('toggleButton.iconPosition'),
                   radioButton: true,
-              })}
+                })}
               {children.alignment.propertyView({
-                label: trans("toggleButton.alignment"),
+                label: trans('toggleButton.alignment'),
                 radioButton: true,
               })}
             </Section>
           </>
         )}
 
-        {(useContext(EditorContext).editorModeStatus === "layout" ||
-          useContext(EditorContext).editorModeStatus === "both") && (
+        {(useContext(EditorContext).editorModeStatus === 'layout' ||
+          useContext(EditorContext).editorModeStatus === 'both') && (
           <>
             <Section name={sectionNames.style}>
               {children.showBorder.propertyView({
-                label: trans("toggleButton.showBorder"),
+                label: trans('toggleButton.showBorder'),
               })}
               {children.style.getPropertyView()}
             </Section>
             <Section name={sectionNames.animationStyle}>
               {children.animationStyle.getPropertyView()}
             </Section>
           </>
-        )}
+          )}
+        
       </>
     ))
     .setExposeMethodConfigs(buttonRefMethods)