aboutsummaryrefslogtreecommitdiffstats
path: root/src/pages/FormPage/Navigation.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/FormPage/Navigation.tsx')
-rw-r--r--src/pages/FormPage/Navigation.tsx17
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]}>