Skip to content

feat: contract upload modal (EN-214)

Vincent Nguyen requested to merge feat/EN-214-frontend-upload-document-modal into dev

Summary

Adds an upload contract card modal, allowing users to upload a signed contract through the "more actions" dropdown on an application's list of contracts.

Link to figma design: https://www.figma.com/file/e65DBVkC7qiiJrwTz3fXOW/Cases-%26-Applications---Admin

Preview

Success flow w/ no active contract:

jimLde72dd

Success flow w/ active contract:

eTFKktt3US

Props

The UploadContractsModal component accepts 3 props:

open?: boolean;
contract: Contract;
onClose: Function;
  • open specifies whether the modal is visible or not.
  • contract contains the contract data (such as status).
  • onClose is a function that is called to close the modal.

Changes

  • Moved FileDropzone and contents to common components folder
  • Added UploadContractModal component to ContractDetails folder
  • Added Alert sub-component for the success/warning blocks, placed within the UploadContractModal folder

Closes EN-214

Merge request reports