feat(ui): design 2.0 app shell and home page#652
Open
Zeroupper wants to merge 8 commits into
Open
Conversation
Move the bottom navigation into a dedicated CarpAppShell and make the redesigned HomePage the landing tab, replacing StudyPage (kept as a redirect alias). The home page shows the study title, app-update and connection-status cards, and live days-in-study / tasks-completed stats from the deployment status and the user task queue. Tab switches now animate with a fade/scale transition; each tab page gets a unique page key so the transition actually runs. Informed consent moves to a root-level route so the bottom bar does not bleed through. DeviceViewModel bridges device status events into listener notifications, and nav bar labels are renamed to Home / Statistics / Connections.
All four tab pages render their title through a shared CarpPageTitle widget so font and padding stay consistent. The scoreboard on the tasks page is redundant now that the home page shows the same stats, so the card and its view-model getters are removed.
The profile page and the device connect flows (Bluetooth and Health) were pushed onto the shell's nested navigator, leaving the bottom navigation bar visible. Push them on the root navigator so they cover the whole screen.
Make the stat tiles compact (label + icon badge on top, value below, with a completed/total count on the tasks tile), slim the app-update banner down to a text row with a Get button, and add back a study status card showing the deployment state with its message. The deployment status is now refreshed once from the home view model - it was never fetched before, which kept the status card hidden and days-in-study at 0. The home page also reuses SurveyCard for a new Completed Surveys section; the card gets a showTitle flag so its internal header can be hidden under the page's section heading.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
First slice of Design 2.0: the new app shell with tab navigation and the redesigned Home tab.
Screens updated
Also carries a few small fixes: profile reads the study id from the study, measurement stream errors are logged instead of crashing the stream, and an Android launcher drawable for local notifications.
Issues