[website] Add star count fallback

[bharatkashyap]

• Seeing this on the landing page

• With a rate limiting API error being the reason for it:

{
    "message": "API rate limit exceeded for 49.228.103.47. (But here's the good news: Authenticated requests get a higher rate limit. Check out the documentation for more details.)",
    "documentation_url": "https://docs.github.com/rest/overview/resources-in-the-rest-api#rate-limiting"    
}

• Tweak the Button UI to make the star count optional (empty if an error occurs):

• Prevent a NaN on the star count

• Log to console and do not cache in case of error

Live: https://deploy-preview-3278--mui-toolpad-docs.netlify.app/toolpad/

[Janpot]

We should check whether the request actually returned a 200.

// initialize stars to -1 and display an error state when (!fetching && stars < 0)

setFetching(true);
try {
  const url = 'https://api.github.com/repos/mui/mui-toolpad'
  const response = await fetch(url);
  if (!response.ok) {
    // check for errors
    throw new Error(`HTTP ${response.status} while fetching ${url}`)
  }
  const data = await response.json();
  setStars(data.stargazers_count);
} finally {
  // make sure this always! runs by placing it in a finally block
  setFetching(false);
}

If the request fails we should either retry, or show an error. I'm not in favour of showing arbitrary fake star counts.

[bharatkashyap]

fake

I wouldn't say this is fake necessarily. Just outdated. What would you be in favour of showing in place of the star count if the request fails:

• an error message such as this?

• Or, let it be empty instead with perhaps an error border around it and a label showing the error message beneath the button?

[Janpot]

Without a star count, this is just a link to our repository. We say "Star" and an empty star icon. Similar to:

We just print an error to the console, the user doesn't care.

edit: in fact, we could use "{github icon} Star {empty star icon} {optional star count}" for all situations. Now it looks like I already starred the repository, while I didn't.