-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: ✨adds pagination to Can Budget Lines (#3078)
* feat: adds pagination * feat: adds CANFundingInfoCard
- Loading branch information
Showing
18 changed files
with
242 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
118 changes: 118 additions & 0 deletions
118
frontend/src/components/CANs/CANFundingInfoCard/CANFundingInfoCard.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,118 @@ | ||
| import { NO_DATA } from "../../../constants"; | ||
| import Card from "../../UI/Cards/Card"; | ||
| import TermTag from "../../UI/Term/TermTag"; | ||
| /** | ||
| * @typedef {import("../../../components/CANs/CANTypes").FundingDetails} FundingDetails | ||
| */ | ||
|
|
||
| /** | ||
| * @typedef {Object} CANFundingInfoCard | ||
| * @property {FundingDetails} [funding] | ||
| * @property {number} fiscalYear | ||
| */ | ||
|
|
||
| /** | ||
| * @component - The CAN Funding component. | ||
| * @param {CANFundingInfoCard} props | ||
| * @returns {JSX.Element} - The component JSX. | ||
| */ | ||
| const CANFundingInfoCard = ({ funding, fiscalYear }) => { | ||
| if (!funding) { | ||
| return <div>No funding information available for this CAN.</div>; | ||
| } | ||
|
|
||
| return ( | ||
| <Card className="width-full"> | ||
| <h3 | ||
| className="margin-0 margin-bottom-2 font-12px text-base-dark text-normal" | ||
| style={{ whiteSpace: "pre-line", lineHeight: "20px" }} | ||
| > | ||
| {`FY ${fiscalYear} CAN Funding Information`} | ||
| </h3> | ||
| <div className="grid-row grid-gap"> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| <TermTag | ||
| term="FY" | ||
| description={funding.fiscal_year.toString()} | ||
| /> | ||
| <TermTag | ||
| term="Fund Code" | ||
| description={funding.fund_code} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| {funding.active_period && ( | ||
| <TermTag | ||
| term="Active Period" | ||
| description={ | ||
| funding.active_period > 1 | ||
| ? `${funding.active_period} Years` | ||
| : `${funding.active_period} Year` | ||
| } | ||
| /> | ||
| )} | ||
| <TermTag | ||
| term="Allowance" | ||
| description={funding.allowance ?? NO_DATA} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| <TermTag | ||
| term="Obligate By" | ||
| description={funding.obligate_by?.toString() ?? NO_DATA} | ||
| /> | ||
| <TermTag | ||
| term="Allotment" | ||
| description={funding.allotment ?? NO_DATA} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| {/* TODO: ask where this comes from */} | ||
| <TermTag | ||
| term="Funding Received*" | ||
| description={NO_DATA} | ||
| /> | ||
| <TermTag | ||
| term="Funding Source" | ||
| description={funding.funding_source ?? NO_DATA} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| <TermTag | ||
| term="Funding Method" | ||
| description={funding.method_of_transfer} | ||
| /> | ||
| <TermTag | ||
| term="Partner" | ||
| description={funding.funding_partner ?? NO_DATA} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| <div className="grid-col"> | ||
| <dl> | ||
| {/* TODO: ask where this comes from */} | ||
| <TermTag | ||
| term="Funding Type*" | ||
| description={NO_DATA} | ||
| /> | ||
| <TermTag | ||
| term="Method of Transfer" | ||
| description={funding.method_of_transfer ?? NO_DATA} | ||
| /> | ||
| </dl> | ||
| </div> | ||
| </div> | ||
| </Card> | ||
| ); | ||
| }; | ||
|
|
||
| export default CANFundingInfoCard; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export { default } from "./CANFundingInfoCard"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -6,6 +6,6 @@ | |
| border-style: solid; | ||
| } | ||
|
|
||
| .cardBody { | ||
| /* .cardBody { | ||
| flex: 3; | ||
| } | ||
| } */ | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.