diff options
Diffstat (limited to 'src/pages/FormPage/Navigation.tsx')
-rw-r--r-- | src/pages/FormPage/Navigation.tsx | 17 |
1 files changed, 7 insertions, 10 deletions
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]}> |