[INS-1517] adds GitHubStarsButton

[dimitropoulos]

This PR adds a GitHub star tracker, as commonly seen in many applications.

Some notes

• if incognito mode is enabled, it will not make any network requests
• app-wide unnecessary rerendering influenced the design:
  • when using useEffect the component was benchmarked to rerender 8 times (despite no props changes)
  • when using useMount it is improved (as, it only fetches on mount) to when changing insomnia activities (broadly speaking)

App Dashboard

BEFORE	AFTER

Request Collection

BEFORE	AFTER

Design Document

BEFORE	AFTER

Unit Test

BEFORE	AFTER

Incognito Mode

Also works well in themes

state
neutral state
hover "Star"
hover count

Segment

As with the rest of the application, segment events will not fire if "send usage statistics" is false (including by being set by incognito mode). If true, here is what the events look like (cc: @wdawson):

changelog(Improvements): Adds a GitHub stargazer button to the app header

[marckong]

I did run through some smoke test. I noticed two things in the case of offline;

1. count not rendering (makes sense since its offline, but in this case should we show the button at all?)

2. there are some weird React flush errors when it's offline. I suppose it may be coming from the fetch logic. I am not sure if this is a big deal since it does not occur in the online state.

Otherwise, this PR looks good to me and the description of the PR is detained and amazing!

[marckong]

I left minor comments on something trivial and this PR looks good to me. I ran some smoke tests as well and it looks working as expected. One edge case may be handling the offline status, but I haven't been able to reproduce it after first few times of reload.

[wdawson]

LGTM

[jackkav]

I would prefer to keep the github url intact so make it easier to search for should we ever need to update it, but non-blocking and kinda opinionated.

[filfreire]

LGTM!

⚠️ I found 2 weird behaviors, but I leave it up to you to see if they are worth investigating or fixing in this PR:

• There's a slight discrepancy in stargazers numbers when you disable Incognito. It's only noticeable up to the point you switch to another tab. For example, first we show 21700 stargazers, then upon switching to another Design Document tab, we re-render with a new number of 21749

• When we work offline / network disabled, the element is a bit jittery. It tries to render the star count, only to be back to just the star button in a split second:

Kapture.2022-07-27.at.10.46.47.mp4

[dimitropoulos]

thanks @filfreire for finding that. d07c58f fixes it (and as a note for the future, @gatzjames / @jackkav / @filfreire all saw and approved of the approach in that commit, with the suggestion from @gatzjames that in a future PR we can improve this further by hardcoding the fallback (today, set to 21700) with an environment variable that's fed into the production build by the CI).

[dimitropoulos]

@jackkav I did 3074a0a in response to your feedback -> thanks!

[DanielRouxSA]

Ahh I hate to be that person, but is there perhaps a way to hide this control? I find it doesn't meaningfully add to my experience with the app, and I find it visually cluttering.