adding the ui