id

Author: Aniket-Engg

libs/remix-ui/app/src/lib/remix-app/components/modals/managePreferences.tsx

@@ -33,7 +33,7 @@ const ManagePreferencesSwitcher = (prop: {
         </div>
         <div>
           <ToggleSwitch
-            id = "matomoAnonAnalyticsSwitch"
+            id = "matomoAnonAnalyticsToggle"
             size = "2xl"
             tooltipTextId = "remixApp.mpOp1Tooltip"
             disabled = {true}
@@ -57,7 +57,7 @@ const ManagePreferencesSwitcher = (prop: {
         </div>
         <div>
           <ToggleSwitch
-            id = "matomoPerfAnalyticsSwitch"
+            id = "matomoPerfAnalyticsToggle"
             size = "2xl"
             isOn = {matPerfSwitch}
             onClick = {() => setMatPerfSwitch(!matPerfSwitch)}
@@ -81,7 +81,7 @@ const ManagePreferencesSwitcher = (prop: {
         </div>
         <div>
           <ToggleSwitch
-            id = "remixAISwitch"
+            id = "remixAIToggle"
             size = "2xl"
             isOn = {remixAISwitch}
             onClick = {() => setRemixAISwitch(!remixAISwitch)}

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

@@ -24,13 +24,13 @@ export const ToggleSwitch = (props: IToggleSwitch) => {
   const childJSXWithTooltip = (
       <CustomTooltip
             placement={"auto"}
-            tooltipId="matomoAnonAnalyticsTooltip"
+            tooltipId={ id + "Tooltip"}
             tooltipClasses="text-nowrap"
             tooltipText={<FormattedMessage id={tooltipTextId} />}
       >
         <button
         data-id={ id + "Switch"}
-        id='matomoAnonAnalyticsSwitch'
+        id={id}
         className={`btn ${isOn ? onstyle : offstyle}`}
         onClick={() => { if(!disabled) onClick()}}
         disabled = {disabled || false}
@@ -43,7 +43,7 @@ export const ToggleSwitch = (props: IToggleSwitch) => {
   const childJSXWithoutTooltip = (
       <button
         data-id={ id + "Switch"}
-        id='matomoAnonAnalyticsSwitch'
+        id={id}
         className={`btn ${isOn ? onstyle : offstyle}`}
         onClick={() => { if(!disabled) onClick()}}
         disabled = {disabled || false}