From ada271cfc6b569d115322536555e936f5aa98aee Mon Sep 17 00:00:00 2001
From: Joe Banks <joe@jb3.dev>
Date: Fri, 8 Aug 2025 23:26:59 +0100
Subject: Pass precheck data down tree for submission

---
 src/pages/FormPage/Navigation.tsx | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

(limited to 'src/pages/FormPage')

diff --git a/src/pages/FormPage/Navigation.tsx b/src/pages/FormPage/Navigation.tsx
index 20c7dce..c5dfa4a 100644
--- a/src/pages/FormPage/Navigation.tsx
+++ b/src/pages/FormPage/Navigation.tsx
@@ -9,7 +9,7 @@ import OAuth2Button from "../../components/OAuth2Button";
 
 
 interface NavigationProps {
-    form_state: boolean,  // Whether the form is open or not
+    can_submit: boolean,
     scopes: OAuthScopes[]
 }
 
@@ -18,16 +18,13 @@ export default function Navigation(props: NavigationProps): JSX.Element {
         props.scopes.includes(OAuthScopes.Identify) && !checkScopes(props.scopes)
     ));
 
-    let submit = null;
-    if (props.form_state) {
-        let innerElement;
-        if (!authorized) {
-            innerElement = <OAuth2Button rerender={() => setAuth(true)} scopes={props.scopes}/>;
-        } else {
-            innerElement = <button form="form" type="submit">Submit</button>;
-        }
-        submit = <div css={styles.actionButtonStyles}>{innerElement}</div>;
+    let innerElement;
+    if (!authorized) {
+        innerElement = <OAuth2Button disabled={!props.can_submit} rerender={() => setAuth(true)} scopes={props.scopes}/>;
+    } else {
+        innerElement = <button disabled={!props.can_submit} form="form" type="submit">Submit</button>;
     }
+    let submit = <div css={styles.actionButtonStyles}>{innerElement}</div>;
 
     return (
         <div css={[styles.unselectable, styles.mainTextStyles]}>
-- 
cgit v1.2.3