Skip to content

Home and Dashboard

The cards on Home, the Dashboards and the trip page, filled with the sample trip. They’re the app’s real components.

Home lists your jaunts in three sections, each with its own card:

Section Shows
Voting The deadline chip, everyone in it, then one chip per poll: Where, When, Stay. Each says how voting’s going (colour rules)
Happening How many days, then what was decided: the city, the dates, the stay
Completed The city and the dates

The chevron opens the jaunt. With more than one jaunt in a section, they sit in a one-card-at-a-time carousel.

Home groups your jaunts into Voting, Happening and Completed. Each section is a large title pill with a count badge, then:

  • its cards (several sit in a carousel)
  • a pulsing card shape while loading (Happening, above)
  • or one line when there’s nothing there (Completed, above): “Nothing completed yet — a jaunt lands here once its dates have passed.”

Invites waiting for you, on Home: a teal card with a count, showing one invite at a time (swipe or tap the dots for the next). Each is a preview of the jaunt’s card, with Reject and Join underneath. In the docs, Join and Reject don’t go anywhere.

What you still need to do, grouped by kind. This is a jaunt’s own Dashboard; on the home Dashboard, tasks from several jaunts are grouped by jaunt instead. Each group has its own colour (see Colour):

Group For
Admin Jobs only an admin can do
Adding Things to add, like documents
Voting Polls you haven’t voted on

A task you’ve been nudged about turns amber, with a Nudged badge, for an hour.

On the home Dashboard, tasks from every jaunt sit together, one jaunt at a time with its photo, and the same groups and colours inside each. The Activity card works the same way, each line labelled with its jaunt.

What’s happened, newest first, grouped by day (Today, Yesterday, then the date). A person’s line starts with their avatar. A milestone, like a jaunt being created or a new poll leader, starts with an icon badge instead. Names and the thing acted on are bold.

Who has voted on a poll, with a progress bar. An admin sees a hand button to nudge everyone who hasn’t voted yet (“Nudged 4 people”). The server won’t nudge the same person about the same poll again for an hour.

The top of the Edit jaunt page: the page title pill, with the jaunt’s name above it, over the jaunt’s photo. With no photo, it sits in a plain pale green box instead.

  • src/web/components/LiveJauntsCarousel.tsx, CompletedJauntsCarousel.tsx
  • src/web/components/JauntTasksCard.tsx
  • src/web/components/JauntActivityCard.tsx
  • src/web/components/VotersCard.tsx
  • src/web/components/InvitedSection.tsx, InvitePreviewCard.tsx
  • src/web/components/EditJauntHeader.tsx
  • src/web/components/home/HomeParts.tsx