fix linting

Author: Aniket-Engg

libs/remix-ui/modal-dialog/src/lib/remix-ui-modal-dialog.tsx

@@ -12,7 +12,7 @@ declare global {
 }
 
 export const ModalDialog = (props: ModalDialogProps) => {
-  
+
   const [state, setState] = useState({
     toggleBtn: true
   })

libs/remix-ui/toggle/src/lib/toggle-switch/toggle-switch.tsx

@@ -15,41 +15,42 @@ interface IToggleSwitch {
   onClick?: () => void
 }
 export const ToggleSwitch = (props: IToggleSwitch) => {
-  let { id, onstyle, offstyle, size, tooltipTextId, disabled, isOn, onClick} = props
+  const { id, tooltipTextId, disabled, onClick } = props
+  let { onstyle, offstyle, size, isOn } = props
   size = size || 'lg'
   onstyle = onstyle || 'text-primary'
   offstyle = offstyle || 'text-secondary'
   isOn = isOn === false ? isOn : true
 
   const childJSXWithTooltip = (
-      <CustomTooltip
-            placement={"auto"}
-            tooltipId={ id + "Tooltip"}
-            tooltipClasses="text-nowrap"
-            tooltipText={<FormattedMessage id={tooltipTextId} />}
-      >
-        <button
-        data-id={ id + "Switch"}
-        id={id}
-        className={`btn ${isOn ? onstyle : offstyle}`}
-        onClick={() => { if(!disabled) onClick()}}
-        disabled = {disabled || false}
-        >
-          { isOn ? <i className={`fas fa-toggle-on ${size ? `fa-${size}` : "fa-lg"}`}></i> : <i className={`fas fa-toggle-off ${size ? `fa-${size}` : "fa-lg"}`}></i> }
-        </button>
-      </CustomTooltip>
-  )
-
-  const childJSXWithoutTooltip = (
+    <CustomTooltip
+      placement={"auto"}
+      tooltipId={ id + "Tooltip"}
+      tooltipClasses="text-nowrap"
+      tooltipText={<FormattedMessage id={tooltipTextId} />}
+    >
       <button
         data-id={ id + "Switch"}
         id={id}
         className={`btn ${isOn ? onstyle : offstyle}`}
-        onClick={() => { if(!disabled) onClick()}}
+        onClick={() => { if (!disabled) onClick()}}
         disabled = {disabled || false}
       >
         { isOn ? <i className={`fas fa-toggle-on ${size ? `fa-${size}` : "fa-lg"}`}></i> : <i className={`fas fa-toggle-off ${size ? `fa-${size}` : "fa-lg"}`}></i> }
       </button>
+    </CustomTooltip>
+  )
+
+  const childJSXWithoutTooltip = (
+    <button
+      data-id={ id + "Switch"}
+      id={id}
+      className={`btn ${isOn ? onstyle : offstyle}`}
+      onClick={() => { if (!disabled) onClick()}}
+      disabled = {disabled || false}
+    >
+      { isOn ? <i className={`fas fa-toggle-on ${size ? `fa-${size}` : "fa-lg"}`}></i> : <i className={`fas fa-toggle-off ${size ? `fa-${size}` : "fa-lg"}`}></i> }
+    </button>
   )
 
   return tooltipTextId ? childJSXWithTooltip : childJSXWithoutTooltip