From 00247180909905991e12a2cef80464e9b106dad6 Mon Sep 17 00:00:00 2001
From: Jade Turner <spacey-sooty@proton.me>
Date: Thu, 24 Apr 2025 15:16:01 +0800
Subject: [PATCH] Error to user when back mod x is positive

Resolves https://github.com/SleipnirGroup/Choreo/issues/1202

Signed-off-by: Jade Turner <spacey-sooty@proton.me>
---
 src/components/config/robotconfig/SwerveConfigPanel.tsx | 1 +
 src/components/input/ExpressionInput.tsx                | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/config/robotconfig/SwerveConfigPanel.tsx b/src/components/config/robotconfig/SwerveConfigPanel.tsx
index 65027bcb26..038c884896 100644
--- a/src/components/config/robotconfig/SwerveConfigPanel.tsx
+++ b/src/components/config/robotconfig/SwerveConfigPanel.tsx
@@ -37,6 +37,7 @@ class SwerveConfigPanel extends Component<Props, State> {
           number={config.backLeft.x}
           maxWidthCharacters={8}
           titleTooltip="X coordinate of back modules (negative)"
+          valid={(number) => number.defaultUnitMagnitude <= 0}
         />
 
         <ExpressionInput
diff --git a/src/components/input/ExpressionInput.tsx b/src/components/input/ExpressionInput.tsx
index bee21ab88f..b13f78f929 100644
--- a/src/components/input/ExpressionInput.tsx
+++ b/src/components/input/ExpressionInput.tsx
@@ -21,6 +21,8 @@ export type ExpressionInputProps = {
   titleTooltip?: string;
   /** Maximum width of the number input, in monospace characters */
   maxWidthCharacters?: number;
+  /** A function to verify the validity of an input. */
+  valid?: ((thing: IExpressionStore) => boolean);
 };
 
 type State = {
@@ -137,7 +139,11 @@ class Input extends Component<ExpressionInputProps, State> {
           className={
             styles.Number +
             (showNumberWhenDisabled ? " " + styles.ShowWhenDisabled : "") +
-            (this.getValid() ? " " : " " + styles.Invalid)
+            (this.getValid() &&
+            (this.props.valid == undefined ||
+              this.props.valid(this.props.number))
+              ? " "
+              : " " + styles.Invalid)
           }
           style={{
             minWidth: `${characters}ch`,