Renewal dashboard frontend

[keigohtr]

What is this PR for?

Frontend renewal for the backend renewal. -> #75

This PR includes

• Add UI for data_server
• Add UI for Project
• Add UI for Project Access Right
• Replace redux-form to formik
• Use Yup

What type of PR is it?

Feature

What is the issue?

#66
#61

How should this be tested?

No frontend test available...

[yoquankara]

That's so much changes - kudos to the achievement : )

I'm not a front end expert, but it does LGTM in general. One thing to improve is to add UI test in future.

[yuki-mt]

Not about this PR, but I found something wrong in frontend:

• The current dispatchers do no use thunk, so we can remove react-thunk, I guess.
• typo: APIRequestStatusList.failue -> failure
• no 404 page or redirect for 404
  • Now you can access to /projects/{non_existing_project_id}/data_servers , and submit. This can be confusing although this is a minor issue.

[keigohtr]

@yuki-mt Thank you for your review.

The current dispatchers do no use thunk, so we can remove react-thunk, I guess.

I am not familiar with redux, so could you send us the PR for this?

[yuki-mt]

@keigohtr
OK! I will send a new PR to remove redux-thunk .

[keigohtr]

@yuki-mt

typo: APIRequestStatusList.failue -> failure
Now you can access to /projects/{non_existing_project_id}/data_servers , and submit. This can be confusing although this is a minor issue.

I have updated!

• 6725f62 88b93ce 2c38cb0
• 1a1853d

[keigohtr]

@yuki-mt
I have updated!

OK! I will send a new PR to remove redux-thunk .

After this PR is merged, all issues will be solved! Thank you!

[yuki-mt]

LGTM!! Great work, a lot of progress has been made :)

(I believe all tests will be passed)