reset and pause buttons

BYU-PCCL · Oct 9, 2024 · ec205fa · ec205fa
1 parent 8f1d59f
commit ec205fa
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/experiences/bus-bunching/controls/lib/index.js b/experiences/bus-bunching/controls/lib/index.js
@@ -30,6 +30,20 @@ const ControlsComponent = () => {
     [sendMessage]
   )
 
+  const restart = useCallback(
+    async (event, value) => {
+      await sendMessage({ type: "restart", value: value })
+    },
+    [sendMessage]
+  )
+
+  const pause = useCallback(
+    async (event, value) => {
+      await sendMessage({ type: "numStops", value: value })
+    },
+    [sendMessage]
+  )
+
   return (
     <div css={containerStyle}>
       <p>
@@ -54,6 +68,18 @@ const ControlsComponent = () => {
         marks
         defaultValue={5}
       />
+      <Box>
+        <Button
+          variant="contained"
+          color="primary"
+          onClick={restart}
+        >
+          Restart
+        </Button>
+      </Box>
+      <Box>
+        {/* // PAUSE BUTTONS HERE */}
+      </Box>
     </div>
   )
 }