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

Experience/16759/code mapping results page #17436

Merged
merged 9 commits into from
Feb 26, 2025

Conversation

etanb
Copy link
Collaborator

@etanb etanb commented Feb 25, 2025

This PR adds the Code Map Result F/E code which includes:

  • Displaying the chosen file name
  • The logic for displaying unmapped codes
  • Styling for header and table
  • Ability to go back to main page

This PR explicitly does not include:

  • Actual integration with the API, we are using dummy data
  • Download of the CSV

Sample:

Screenshot 2025-02-25 at 8 36 42 AM

Fixes #16759

@etanb etanb added experience Team label to flag issues owned by the Experience Team trialfrontend03 Trigger a trialfrontend03 deployment labels Feb 25, 2025
Copy link
Contributor

github-actions bot commented Feb 25, 2025

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

OpenSSF Scorecard

PackageVersionScoreDetails

Scanned Manifest Files

Copy link
Collaborator

@jpandersen87 jpandersen87 left a comment

Choose a reason for hiding this comment

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

approved with nits


export type CodeMappingFormProps = PropsWithChildren;
interface CodeMappingFormProps {
onSubmitHandler: FormEventHandler<HTMLFormElement>;
Copy link
Collaborator

Choose a reason for hiding this comment

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

nit: rename to onSubmit to follow event handler property names on dom elements

interface CodeMappingResultsProps {
fileName: string;
data: CodeMapData[];
initialStepHandler: () => void;
Copy link
Collaborator

Choose a reason for hiding this comment

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

nit: maybe rename to onReset, if that's what is practically happening on button usage

Copy link
Collaborator

@jillian-hammer jillian-hammer left a comment

Choose a reason for hiding this comment

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

thanks @etanb! looks good. just a few comments:

  • add the info component and content, screenshot from the design below:
    image
  • table component is not responsive, and unexpectedly clips rather than filling to the width of the browser window
    image

) : (
<Alert type={"error"} heading={"Your file contains unmapped codes "}>
Review unmapped codes for any user error, such as a typo. If the unmapped codes are accurate,
download the table and send the file to your onboarding engineer or [email protected]. Our
Copy link
Collaborator

@jillian-hammer jillian-hammer Feb 25, 2025

Choose a reason for hiding this comment

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

missing hyperlinks:

  • "download the table" should be linked to download the CSV. ok if this is just a placeholder link as a reminder to implement it once the CSV functionality is incorporated.
  • "[email protected]" should be hyperlinked to mailto:[email protected]

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Talked via Slack: we have a discrete ticket for downloading the CSV and will tackle this then.

Copy link
Contributor

Branch deployed to Chromatic 🚀.

  • ⚠️ Detected 0 tests with visual changes.
  • ✅ All tests passed.

View via:

Copy link

Quality Gate Failed Quality Gate failed

Failed conditions
35.7% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud

@etanb etanb merged commit 70ba5ef into main Feb 26, 2025
32 of 33 checks passed
@etanb etanb deleted the experience/16759/code-mapping-results-page branch February 26, 2025 00:16
Copy link
Contributor

⚠️ Broken Links ⚠️

https://www.cdc.gov/about/default.htm

Error: Request failed with status code 404


https://www.hhs.gov/vulnerability-disclosure-policy/index.html

Error: Request failed with status code 403


❌ /assets/xlsm/20241204_ReportStream-Mapping-Template.xlsm

Error: Internal link: Page error


https://www.cdc.gov/poxvirus/mpox/lab-personnel/report-results.html

Error: Request failed with status code 404


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
experience Team label to flag issues owned by the Experience Team trialfrontend03 Trigger a trialfrontend03 deployment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Develop front-end pages & states for code mapping tool (RESULTS page)
3 participants