globalhack / cemaritan-ui Goto Github PK

Build a table that can be pulled into history, transfers, etc.

https://prettier.io/

Use React context.

Note: The api-key header is not necessary when using the secure upload and download links.

1. grab secure upload url and fields from api ord_id/uploads
2. use return value from above to post file
3. use location returned from above and form field information to post new upload

Use a (free) service to package up frontend code from Github and save to S3 bucket automatically.

• need to make a hook to fetch connections
• need to make a hook to fetch mappings
• use in the TransferForm

We should probably just have one Context that we dispatch updates to... maybe

Build a navbar per the mocks - this could keep track of auth/user object?

Needs to be Formik & Bootstrap compatible. Thinking this:
https://kaihotz.github.io/react-formik-ui/

I believe this is possible with Formik forms by using the isSubmitting property... we just need to pass the postStatus or updateStatus down into the transfer form to use as the isSubmitting property.

current a hardcoded object with options for the dropdowns is in the ui, this needs to be dynamically populated from the db (once the endpoints exist to support this)

[X] format data for post endpoint
[X] call post
[X] on success -> display message
[X] on error -> display message

Currently I'm using dialogs, but it's chunky... I want to move to bootstrap Alerts

made button interaction better... with ValidationModal.

In the Download Page component there is a download link modal... currently it just fetches inside the component... probably want to move that to a hook.

[] create upload transfer form
[] hard code drop down values
[] style form (re-use from create transfer table)
[] on submit console log data (for now)

note: will post data in future story

this is not an MVP feature, but Matt would like to keep the link there... so when he demos the application... people know that it is a future option.

everything looks okay in the network call... however, when we re-fetch the transfer object. The start_datetime is not actually updating and still have the datetime selected at creation.

url request: https://6u7n9sc5o8.execute-api.us-east-1.amazonaws.com/dev/organizations/1/transfers/15
request payload: { active: "TRUE" created_datetime: "2019-03-20 20:42:03" destination: "CW" destination_mapping: "SF to HUD" destination_mapping_uid: 1 destination_uid: 2 frequency: "5 Minute" name: "Without Format Date Time" organization: "OLI" source: "Secure Download" source_mapping: "SF to HUD" source_mapping_uid: 1 source_uid: 6 start_datetime: "2019-07-30 05:00:00" uid: 15 }

response status: 200
response: {message: "success"}

See UploadTransfer component

This form needs to be extensible for create/edit transfers & connections

There's download ability on the history table - this will make a call to the backend and get a link to an S3 download

waiting on a downloads database route...

All pages have their own "Page"... I think this could be consolidated

since this project might be worked on by future devs currently not involved in the project, we should probably create some robust documentation.

In the Create Transfer or Update Transfer Form... after a first submission, like after an api error or after the first update, the submission button appears to not be clickable anymore... 🤔