Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wp 579 request extensions form #332

Open
wants to merge 3 commits into
base: feat/apcd-react-conversion
Choose a base branch
from

Conversation

van-go
Copy link

@van-go van-go commented Oct 16, 2024

Overview

Convert Request Extension form to react

Related

Changes

Added ExtensionForm React component

Testing

  1. http://localhost:8000/submissions/extension-request/
  2. Verify this matches form: https://dev.apcd.tacc.utexas.edu/submissions/extension-request/
  3. Add/Remove Extension Request Buttons work

UI

Screen Shot 2024-10-16 at 1 13 34 PM

Notes

  • validating inputs
  • submitting form
  • dynamic dropdowns (they are hardcoded right now)

Copy link
Contributor

@chandra-tacc chandra-tacc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Couple of suggestions

<hr />
<h4>Request and Justification</h4>
<FormGroup>
<Label for="justification">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

for accessibility - htmlFor is suggested instead of for

Suggested change
<Label for="justification">
<Label htmlFor="justification">

Applicable Data Period <sup>1</sup>
<span className={styles.requiredText}>{" "}(required)</span>
</Label>
<Field as="select" name={`extensions.${index}.applicableDataPeriod`} className="form-control">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some fields are missing id attribute that Label for or htmlFor will look at.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants