Show Connected via Pusher status

[marcaaron]

Fixes #252

This PR colorizes the dot next to a user's name when they have an "active connection"

Previously we set the user to "offline" when Pusher disconnects or when they successfully make an API request. This adds another layer to set them online and offline when they lose connectivity via the NetInfo package.

Note: Disconnecting from Pusher via a bad internet connection or turning off Wi-Fi takes about 10-15 seconds. So we can't really "trust" that we are truly connected to Pusher or not since we could have lost connectivity via Wi-Fi well before Pusher recognizes that we have been disconnected.

To get around this I spent some time focusing on getting the NetInfo native module to work.

At first, I could not get it working in RN4W even though it's supposed to work so I dug around in the source code for the package and realized that when a react native library supports multiple platforms the react-native-web source files will have a web.js extension. Added that to the webpack config and it began to work on web.

cc @AndrewGable

Another Note: There's a bug on iOS Simulator that prevents NetInfo from working correctly so test with a real iOS device and throw it into Airplane mode to see what happens.

[Jag96]

I'm getting the following error when trying to run this, but it isn't obvious to me what is causing it. Did you run into this while getting NetInfo working?

react-dom.development.js:88 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `WithIon(HeaderView)`.
    in HeaderView (created by WithIon(HeaderView))
    in WithIon(HeaderView) (created by Context.Consumer)
    in withRouter(WithIon(HeaderView)) (created by Context.Consumer)
    in div (created by View)
    in View (created by Context.Consumer)
    in Route (created by Context.Consumer)
    in div (created by View)
    in View (created by Context.Consumer)
    in div (created by View)
    in View (created by NativeSafeAreaView)
    in NativeSafeAreaView (created by SafeAreaProvider)
    in SafeAreaProvider (created by App)
    in App (created by Context.Consumer)
    in Route (created by Expensify)
    in Switch (created by Expensify)
    in Router (created by HashRouter)
    in HashRouter (created by Expensify)
    in Expensify (created by WithIon(Expensify))
    in WithIon(Expensify)
    in Unknown
    in div (created by View)
    in View (created by AppContainer)
    in div (created by View)
    in View (created by AppContainer)
    in AppContainer

Also adding @tgolen as a reviewer since I'll be OOO til the 31st.

[marcaaron]

Pretty sure this just needs master merged I will take a quick look

[tgolen]

Need to fix some conflicts

[marcaaron]

Conflicts are fixed now on this one.

[quinthar]

Real excited for this one...