From 52fd3e4510e29583c421cd1e251a28c2dc436d13 Mon Sep 17 00:00:00 2001
From: Brandon <25nguyenb26@stu.smuhsd.org>
Date: Tue, 3 Oct 2023 16:03:30 -0700
Subject: [PATCH] Revert "Revert "adding mobility""

This reverts commit d7546170f0387402c395874e41935f8700d59659.
---
 src/components/Scout.jsx           | 19 ++++++++++++++++---
 src/components/inputs/Bool.jsx     |  2 +-
 src/components/inputs/Dropdown.jsx |  8 ++++----
 src/components/inputs/Undo.jsx     |  6 +++---
 src/reducer.js                     |  1 +
 5 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/src/components/Scout.jsx b/src/components/Scout.jsx
index c17dedb..6bafdad 100644
--- a/src/components/Scout.jsx
+++ b/src/components/Scout.jsx
@@ -81,11 +81,11 @@ const Scout = () => {
       </div>
       {phaseTabContent}
       
-      <Undo wide = {false}></Undo>
-      {!showNext && (
+      <Undo width = {state.phase === "auto"? "default": "halfWide"}></Undo>
+      {state.phase === "auto" && (
               <Dropdown
               phase = {true}
-              wide = {false}
+              width = "default"
               center = {true}
               prop="chargeStation"
               options={[
@@ -95,6 +95,19 @@ const Scout = () => {
               ]}
             ></Dropdown>
       )}
+
+      {state.phase === "auto" && (
+          <Bool
+            phase = {true}
+            prop="mobility"
+            label="Mobility"
+            trueLabel="Mobility Success"
+            color="green"
+            tall={false}
+      ></Bool>
+      )}
+
+
       {showNext && <Next width ="halfWide"></Next>}
       
     </>
diff --git a/src/components/inputs/Bool.jsx b/src/components/inputs/Bool.jsx
index 1203919..44d107f 100644
--- a/src/components/inputs/Bool.jsx
+++ b/src/components/inputs/Bool.jsx
@@ -10,7 +10,7 @@ const Bool = ({ label, trueLabel, prop, onFlip, phase, color, wide, tall}) => {
 
   return (
     <button
-      className={`${color ?? ""} ${wide ? " wide" : ""} ${tall ? "tall" : ""}`}
+      className={`${color ?? ""} ${wide ? " wide " : " default "} ${tall ? "tall" : ""}`}
       disabled={current}
       onClick={() => {
         dispatch({
diff --git a/src/components/inputs/Dropdown.jsx b/src/components/inputs/Dropdown.jsx
index e32c54c..abce8b1 100644
--- a/src/components/inputs/Dropdown.jsx
+++ b/src/components/inputs/Dropdown.jsx
@@ -4,7 +4,7 @@ import PropTypes from "prop-types"
 import "./inputs.scss"
 
 
-const Dropdown = ({prop, phase, wide, center, options}) => {
+const Dropdown = ({prop, phase, width, center, options}) => {
   const [state, dispatch] = useContext(Context)
   const optionsElems = useMemo(
     () =>
@@ -17,10 +17,10 @@ const Dropdown = ({prop, phase, wide, center, options}) => {
     )
   return (
     <select
-      className={(wide ? " wide " : " halfWide ") + (center ? " center-text " : "")}
+      className={(width ? width : " wide ") + (center ? " center-text " : "")}
       onChange={(event) => {
 
-        console.log("phase:" + phase + " prop:" + prop + " val:" + event.target.value)
+        //console.log("phase:" + phase + " prop:" + prop + " val:" + event.target.value)
 
         dispatch({
           type: `set${phase ? "InPhase" : ""}`,
@@ -43,7 +43,7 @@ Dropdown.propTypes = {
   })).isRequired,
   prop: PropTypes.string.isRequired,
   phase: PropTypes.bool,
-  wide: PropTypes.bool,
+  width: PropTypes.string,
   center: PropTypes.bool
 }
 
diff --git a/src/components/inputs/Undo.jsx b/src/components/inputs/Undo.jsx
index 2ea014f..a474352 100644
--- a/src/components/inputs/Undo.jsx
+++ b/src/components/inputs/Undo.jsx
@@ -4,12 +4,12 @@ import PropTypes from "prop-types"
 
 import "./buttons.scss"
 
-const Undo = ({ wide }) => {
+const Undo = ({ width }) => {
   const [state, dispatch] = useContext(Context)
 
   return (
     <button
-      className={`${wide ? "wide" : "halfWide"} blue`}
+      className={`${width ? width : "halfWide"} blue`}
       disabled={state.undoStack[state.phase].length === 0}
       onClick={() => {
         dispatch({ type: "undo" })
@@ -21,7 +21,7 @@ const Undo = ({ wide }) => {
 }
 
 Undo.propTypes = {
-  wide: PropTypes.bool,
+  width: PropTypes.string,
 }
 
 export default Undo
diff --git a/src/reducer.js b/src/reducer.js
index b9ff06f..57d3672 100644
--- a/src/reducer.js
+++ b/src/reducer.js
@@ -37,6 +37,7 @@ export const initialState = {
   phase: "auto", //auto, teleop, endgame
   auto: {
     chargeStation: "None",
+    mobility: false,
     ...grid,
   },
   teleop: {