Add cafes to settings

[undercase]

View cafes and register/de-register in the settings screen.

[undercase]

Here is the Cafes list screen, which should be accessible through the settings:

We can use react-native-swipe-list-view to support the swipe to show the deregister button functionality. As you'll see in the mockup of the individual cafe screen, users may also deregister from there. The "Register With a New Cafe" button lets the user register with a new cafe by peer id. Deregistering from your last cafe will open a modal for confirmation.

[asutula]

@sanderpick and I were talking last weekend about the architecture of cafes and how they relate to the UX. Maybe you guys talked since then and maybe what I know is out of date, but my understanding is that we can generally think about cafe management in terms of a single cafe, or possibly choosing one cafe per "service" (backup, inboxing, push notifications, etc). So, my point is, don't design these screens around managing multiple cafes.

[undercase]

So something more like “This is your cafe” rather than “these are your cafes”?

[sanderpick]

Oh, we still want the notion of multiple. You might have one cafe for storage, another for notifications, another for another service, etc... It's just that in our current state everyone will get the existing services through one because we don't yet have the concept of a service. On a more practical note, we need to display a list so that existing users can de-register one of the duplicates (i.e, no need to have two that both do storage).

Ideally, there'a a "+" button in the upper right where you can add an additional. This would be used by existing users to register with the new cafes (when they land).

[undercase]

Okay, solid.

[undercase]

So, still include the ability to display multiple cafes (even if it won't be used right now) and turn the new cafe button into a plus icon in the upper right corner. Does that sound good?

[sanderpick]

Yeah sounds good. The multiple will be used though... all our users have two cafes registered

[undercase]

Okay, awesome. So just move the new cafe button to the top right, but still display multiple. Sounds good.

[undercase]

Here's what the individual cafe screen ended up looking like, since I didn't post a mockup:

In the future, once services are implemented, users will be able to tap on each one to toggle whether the cafe is doing it.

[sanderpick]

Very cool

[undercase]

The register w/ a new cafe UI looks like this:

The onboarding screen uses the same list component. It supports filtering out cafes the user is already registered with.

[undercase]

There is also a search icon in the top right that wasn’t added yet when I took that screenshot.

[sanderpick]

💥