update ui to align with the backend
Merge pull request #1 from whuwb/ui_update

update ui to align with the backend