simpler button

Author: pelikhan

website/src/components/TutorialComponents/CodeSandboxButton.tsx

@@ -53,65 +53,7 @@ export default function CodeSandboxButton(props: {
             onClick={handleClick}
             disabled={importing}
         >
-            <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="16"
-                height="16"
-                viewBox="0 0 256 256"
-            >
-                <rect width="256" height="256" fill="none" />
-                <path
-                    d="M224,177.3V78.7a8.1,8.1,0,0,0-4.1-7l-88-49.5a7.8,7.8,0,0,0-7.8,0l-88,49.5a8.1,8.1,0,0,0-4.1,7v98.6a8.1,8.1,0,0,0,4.1,7l88,49.5a7.8,7.8,0,0,0,7.8,0l88-49.5A8.1,8.1,0,0,0,224,177.3Z"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-                <polyline
-                    points="222.9 74.6 128.9 128 33.1 74.6"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-                <line
-                    x1="128.9"
-                    y1="128"
-                    x2="128"
-                    y2="234.8"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-                <polyline
-                    points="177 47.5 128 75.1 79 47.5"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-                <polyline
-                    points="176 209 176 153.9 224 126.9"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-                <polyline
-                    points="80 209 80 153.9 32 126.9"
-                    fill="none"
-                    stroke="#000"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="12"
-                />
-            </svg>
+            Fork
         </button>
     )
 }

website/src/components/TutorialComponents/index.tsx

@@ -10,7 +10,6 @@ import styles from "./styles.module.css"
 import Prism from "prism-react-renderer/prism"
 
 import DevToolsContext from "@site/src/contexts/DevToolsContext"
-import CodeSandboxButton from "./CodeSandboxButton"
 
 interface CodeBlockProps {
     lang: string

website/src/contexts/SplitDevTools.jsx

@@ -57,8 +57,8 @@ export default function SplitDevTools(props) {
                         ref={iframeRef}
                         id="jacdac-dashboard"
                         className="pane right"
-                        allow="usb;serial;bluetooth"
-                        sandbox="allow-scripts allow-downloads allow-same-origin"
+                        allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking; serial; bluetooth"
+                        sandbox="allow-forms allow-scripts allow-downloads allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
                         src={url}
                         frameBorder="0"
                     />