Fix auto-run button (#868)

tsnobip · web-flow · commit 87673cba6b89 · 2024-05-24T10:40:58.000+02:00
* fix toggle button color in light theme

* remove the import of react in iframe for now
diff --git a/src/common/EvalIFrame.res b/src/common/EvalIFrame.res
@@ -13,14 +13,6 @@ let srcDoc = `
       </head>
       <body>
         <div id="root"></div>
-        <script
-          src="https://unpkg.com/react@17/umd/react.production.min.js"
-          crossorigin
-        ></script>
-        <script
-          src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"
-          crossorigin
-        ></script>
         <script>
           window.addEventListener("message", (event) => {
             try {
diff --git a/src/components/ToggleButton.res b/src/components/ToggleButton.res
@@ -3,14 +3,14 @@ let make = (~checked, ~onChange, ~children) => {
   <label className="inline-flex items-center cursor-pointer">
     <input type_="checkbox" value="" checked onChange className="sr-only peer" />
     <div
-      className={`relative w-8 h-4 bg-gray-200
-      rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full 
+      className={`relative w-8 h-4 bg-gray-700
+      rounded-full peer peer-checked:after:translate-x-full 
       rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white 
       after:content-[''] after:absolute after:top-[2px] after:start-[4px] 
       after:bg-white after:border-gray-300 after:border after:rounded-full 
-      after:h-3 after:w-3 after:transition-all dark:border-gray-600 
+      after:h-3 after:w-3 after:transition-all border-gray-600 
       peer-checked:bg-sky`}
     />
-    <span className={"ms-2 text-sm text-gray-900 dark:text-gray-300"}> {children} </span>
+    <span className={"ms-2 text-sm text-gray-300"}> {children} </span>
   </label>
 }
