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

feat: ✨adds pagination to Can Budget Lines #3078

Merged
merged 6 commits into from
Nov 15, 2024
Merged

Conversation

fpigeonjr
Copy link
Contributor

@fpigeonjr fpigeonjr commented Nov 14, 2024

What changed

  • adds pagination to the budget lines table on the CAN Spending Tab

Issue

#2672 #3053

How to test

  1. goto cans list
  2. select fy2021
  3. select CAN 4426 from table
  4. goto spending tab
  5. select fy2043
  6. see table pagination // 3 per page for now

Screenshots

image

Definition of Done Checklist

  • OESA: Code refactored for clarity
  • OESA: Dependency rules followed
  • Automated unit tests updated and passed
  • Automated integration tests updated and passed
  • Automated quality tests updated and passed
  • Automated load tests updated and passed
  • Automated a11y tests updated and passed
  • Automated security tests updated and passed
  • 90%+ Code coverage achieved
  • [-] Form validations updated

@fpigeonjr fpigeonjr self-assigned this Nov 14, 2024
@fpigeonjr fpigeonjr added the javascript Pull requests that update Javascript code label Nov 14, 2024
@fpigeonjr fpigeonjr changed the title feat: adds pagination wip: adds pagination Nov 14, 2024
set pagination to 3 to be able to test. probably want to set to 25 in prod
@fpigeonjr fpigeonjr changed the title wip: adds pagination feat: adds pagination to Can Budget Lines Nov 14, 2024
@fpigeonjr fpigeonjr changed the title feat: adds pagination to Can Budget Lines feat: ✨adds pagination to Can Budget Lines Nov 14, 2024
@fpigeonjr fpigeonjr marked this pull request as ready for review November 14, 2024 21:51
))}
</Table>
{budgetLines.length > ITEMS_PER_PAGE && (
<PaginationNav
Copy link
Contributor Author

Choose a reason for hiding this comment

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

⭐ crux of the PR

* @param {CANFundingInfoCard} props
* @returns {JSX.Element} - The component JSX.
*/
const CANFundingInfoCard = ({ funding, fiscalYear }) => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

didn't mean to include this but here we are

@@ -66,16 +66,18 @@ export type FundingBudget = {
};

export type FundingDetails = {
active_period?: number;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@rajohnson90 you may want to check the schema since I don't see these additions in the OpenAPI spec

@fpigeonjr fpigeonjr merged commit 4788a31 into main Nov 15, 2024
42 checks passed
@fpigeonjr fpigeonjr deleted the OPS-2672/3053_pagination branch November 15, 2024 16:02
Copy link

🎉 This PR is included in version 1.2.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
javascript Pull requests that update Javascript code released
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants