Styled-components-website: Add OpenCollective sponsors to homepage

[mxstbr]

Now that we have an OpenCollective we should add all sponsors' logos (i.e. folks who contribute 200$+) to the homepage, probably at the bottom below the introductory explanation.

OpenCollective has an API that gives you all the members: https://opencollective.com/styled-components/members/all.json?tierId=3278

[osamajandali]

I will be happy to do this 😎

[mxstbr]

Awesome, looking forward to the PR!

[osamajandali]

I'm thinking about the design like this, just adding the logos linked:

this photo is just a design not actual implementation, forget about margins and these stuff.

or should we make it like backers version ?

[mxstbr]

No I like that! 👌

[osamajandali]

This is done just couple of things need your opinion on them:

• The text under the sponsors title
• I designed a svg that is rendered when there is no image on the sponsor profile instead of blank photo.
  

• Should I add loading animation until the requests finishes?
• Should I show error message on the site when the request fails or just have it console logged?

Also, OpenCollective API doesn't have Access-Control-Allow-Origin header within styled component API, take a look at this https://github.com/opencollective/opencollective/issues/342

[mxstbr]

Looking great! I assume most sponsors will be companies, I think we should filter out the core team from those.

• Loading animation is probably not necessary since it's below-the-fold
• I think an error message there should be fine

/cc @xdamman

[xdamman]

Looking great! This API endpoint only returns the members of the given tier. So team members won’t show up unless they are also part of the tier.

[mxstbr]

But why is the core team part of the Sponsor tier then? :thinking: None of us sponsor styled-components

[osamajandali]

I think a config should be there to categorize the sponsors.
Take a look at babel open collective, they have sponsors categories and if you take a look at their API, they have tier key in the sponsor object and in styled component API doesn't have.

[mxstbr]

We have a "Sponsor" tier and a "Backer" tier: https://opencollective.com/styled-components/

I want to display the Sponsors on the homepage.

[xdamman]

It's because it should be TierId and not tierId as the query parameter.

[adaynit]

I would like to contribute to this. Could you tell me where I can access your homepage on the GitHub?

[mxstbr]

@adaynit unfortunately, @osamajandali is already working on this in #230!

[morajabi]

@adaynit Actually, this is the repo for the homepage 😅 Feel free to grab any of other open issues! 👍

[mckernanin]

@osamajandali need any help with #230 ?

[osamajandali]

@mckernanin Thank you ! I have finished it out back then but @kitten have issues on it that I need more details on it.
Maybe the reviewers are busy with some other stuff that's why I was on holding state.