New source found from dndbeyond.com

ddb_main/components/Toggle/Toggle.tsx

@@ -1,12 +1,9 @@
 import clsx from "clsx";
 import { useState, type FC, type HTMLAttributes } from "react";
 import styles from "./styles.module.css";
-import { useSelector } from "react-redux";
-import { appEnvSelectors } from "~/tools/js/Shared/selectors";
 
 export interface ToggleProps
   extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
-  
   checked?: boolean;
   color?: "primary" | "secondary" | "warning" | "error" | "info" | "success" | "themed";
   onClick?: (isEnabled: boolean) => void;
@@ -26,26 +23,23 @@ export const Toggle: FC<ToggleProps> = ({
   onChangePromise,
   ...props
 }) => {
-  const isReadonly = useSelector(appEnvSelectors.getIsReadonly);
   const [enabled, setEnabled] = useState(checked);
 
   const handleClick = (evt: React.MouseEvent): void => {
-    if (!isReadonly) {
-      evt.stopPropagation();
-      evt.nativeEvent.stopImmediatePropagation();
+    evt.stopPropagation();
+    evt.nativeEvent.stopImmediatePropagation();
 
-      if (onChangePromise) {
-        onChangePromise(
-          !enabled,
-          () => {
-            setEnabled(!enabled);
-          },
-          () => {}
-        );
-      } else if (onClick) {
-        onClick(!enabled);
-        setEnabled(!enabled);
-      }
+    if (onChangePromise) {
+      onChangePromise(
+        !enabled,
+        () => {
+          setEnabled(!enabled);
+        },
+        () => {}
+      );
+    } else if (onClick) {
+      onClick(!enabled);
+      setEnabled(!enabled);
     }
   };