add purchase ui