Completing the Add/Edit ScholarX programs functionality

[anjisvj]

Using the platform we must be able to achieve below requirements.

1. Add a program
2. Edit a program

I will be working on these requirements.

Bind the add program view with the API

Bind the edit program view with the API

[anjisvj]

Here’s the PR for Add a program:

Connect the add program modal with the API

[jaye]

Thanks for the update @anjisvj! This is brilliant!

I’ve added some comments: https://github.com/sef-global/scholarx-frontend/pull/25#pullrequestreview-515280565
Feel free to contact me if you need some clarifications.

[anjisvj]

Here’s the PR for Edit a program:

Bind the edit program API with the view

[jaye]

This is truly amazing, @anjisvj! Thanks for getting this done!

[anjisvj]

Replied. https://github.com/sef-global/scholarx-frontend/pull/28#discussion_r511337001 @jaye

[jaye]

I found this peace From the Antd’s form API page,

After wrapped by Form.Item with name property, value (or other property defined by valuePropName ) onChange (or other property defined by trigger ) props will be added to form controls, the flow of form data will be handled by Form which will cause:

1. You shouldn’t use onChange on each form control to collect data (use onValuesChange of Form), but you can still listen to onChange .
2. You cannot set value for each form control via value or defaultValue prop, you should set default value with initialValues of Form. Note that initialValues cannot be updated by setState dynamiclly, you should use setFieldsValue in that situation.
3. You shouldn’t call setState manually, please use form.setFieldsValue to change value programmatically.

[anjisvj]

I added the changes. @jaye

[jaye]

Merged! Thanks @anjisvj!