Add applause button

[andrewda]

• I've checked that this isn't a duplicate pull request.

This adds an applause button to allow users to vote on their favorite swag!

Closes #104

Still TODO

• Allow sorting

[zac-garby]

In my opinion the applause button is too big. It looks a bit out of place. I think maybe it should be the same size as the difficulty indicator circle (which could be enlarged slightly too)

[andrewda]

@zac-garby Agreed - only difficulty is that the numbers start to overlap with the button at anything below 42px. I'll try bumping up the size of the difficulty indicator and we'll see if that makes it any better.

[plibither8]

This looks great!

There were two things that came to mind:

1. The API URLs should not use the name of the company/organisation of the swag item. There can be instances where the same company has had multiple swag opportunities (for example, Digital Ocean). An ideal fix to this would be to add a timestamp along with the swag item name, and the timestamp would be of the date the opportunity was created or added to the list.
2. Before pushing these changes, is there a way to set all claps back to 0?

[swapagarwal]

Thanks @andrewda for picking this up! 🎉

A weird bug: Clap 10 items for an item and reload the page. The last clap isn't persisted. 🤔

On an unrelated note, should we restrict the user to one clap per item?

[plibither8]

👍 for limiting to one clap

[vikaspotluri123]

imo Selectr is more important than applause so it should be loaded before applause

[aslafy-z]

I think this link & script have to be moved to the end of the body (link staying before the script tag).

<link rel="stylesheet"> is allowed in the body: https://html.spec.whatwg.org/multipage/links.html#body-ok

[aslafy-z]

@plibither8 @andrewda A solution (for the first point you rose) would be to use the actual reference url instead of devswag.io/:swagname. To avoid conflicts with others claps buttons we may want to prefix the url by a "devswag proxy": devswag.io/claps/:swagurl.

[plibither8]

Good idea @aslafy-z!

[vikaspotluri123]

You can delete this line since sortingInput is a global with the same value

[swapagarwal]

@andrewda Can you rebase this on master?

[swapagarwal]

Pinging @andrewda