User can join multiple communities and switch between them like Slack

[holmesworcester]

Users need to be able to join multiple communities.

This is a placeholder issue and I've attempted to break it up into smaller issues, but I'm not confident in how they are broken up.

I think our path with this is to start with the backend. Then and making desktop and mobile components in storybook, maybe without the business logic. Then we'll think about state and logic once the backend is done, to avoid the problem we got into when working on images.

If it's a helpful simplification we can think about this as switching the community rather than all of them being online at the same time, but it's better for now if all of them are online at the same time.

UPDATE: latest mobile and desktop prototype: https://www.figma.com/proto/8R3jXuoUxhNyczcClFTrDm/Improvements-to-community-settings%2Fswitcher?page-id=1000%3A35645&type=design&node-id=1019-41956&viewport=1838%2C1645%2C0.24&t=5tzfag4mCnYIAbn9-1&scaling=min-zoom&starting-point-node-id=1019%3A41956&show-proto-sidebar=1

Mobile Design (outdated):

• https://www.figma.com/file/y8h6w8PYR9jyI3zjYHL9Cl/Mobile-(and-prototype)?node-id=500%3A22581&t=hjtn5blzIatBhArg-4
• should be complete

Desktop Design (outdated)

• https://www.figma.com/file/qwkBkjAbewMd4Ze6UW1rk3/Communities?node-id=266%3A98&t=IRBIUqlUuQyJFIUY-4
• needs some thought explaining whether the initial screens have the sidebar or not.

[holmesworcester]

On desktop, the design is not complete and doesn't cover all cases. We might have a design by then but if we don't, here's how to resolve it:

1. When there are 0 communities, there should be no "community switcher" sidebar. The app should look just as it does now.
2. When there is 1 or more communities, a "community switcher" sidebar should appear, as in the designs. The current community should be selected and everything to the right of the sidebar should look as it does now.
3. If the "+" icon is selected, the contents of the main window should be the "join/create" flow you see when first starting the app. If the user joins or creates a new community, that community icon should appear in the community switcher sidebar and should be selected.
4. The "search" icon in the community switcher sidebar should be removed, as we no longer have any plans for community discovery.
5. If a community is removed it should disappear from the community switcher sidebar.

[holmesworcester]

We should add the latest designs here!

[jgaylor]

@holmesworcester All the latest mobile/desktop dark/light mode and core nav designs and prototype variations are in Prototype D in this Figma.