modified join activity to reflect the mockup