Add "Join Discord" button

Based of the patreon supporter button.
Add a key "discordLink" to the config.json file and set it to your
Discord invite link.

src/ts/components/app/about/about.ts

@@ -4,7 +4,7 @@ import { getUrl } from '../../../client/rev';
 import { CREDITS, CONTRIBUTORS, Credit } from '../../../client/credits';
 import { CHANGELOG } from '../../../generated/changelog';
 import { SUPPORTER_REWARDS_LIST } from '../../../common/constants';
-import { supporterLink, contactEmail } from '../../../client/data';
+import { supporterLink, discordLink, contactEmail } from '../../../client/data';
 
 function toCredit(credit: Credit) {
 	return {
@@ -27,5 +27,6 @@ export class About {
 	readonly changelog = CHANGELOG;
 	readonly rewards = SUPPORTER_REWARDS_LIST;
 	readonly patreonLink = supporterLink;
+	readonly discordLink = discordLink;
 	readonly contactEmail = contactEmail;
 }

src/ts/components/app/app.ts

@@ -6,9 +6,9 @@ import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
 import { Subscription } from 'rxjs';
 import { GameService } from '../services/gameService';
 import { Model, Friend } from '../services/model';
-import { version, host, contactEmail, supporterLink, twitterLink, copyrightName } from '../../client/data';
+import { version, host, contactEmail, supporterLink, twitterLink, discordLink, copyrightName } from '../../client/data';
 import { PonyTownGame } from '../../client/game';
-import { faTwitter, faPatreon, faEnvelope, faCog, faHome, faGamepad, faInfoCircle, faHorseHead } from '../../client/icons';
+import { faTwitter, faPatreon, faEnvelope, faCog, faHome, faGamepad, faInfoCircle, faHorseHead, faDiscord } from '../../client/icons';
 import { InstallService } from '../services/installService';
 import { OAuthProvider, Entity, FakeEntity, Pony } from '../../common/interfaces';
 import { registerServiceWorker, isBrowserOutdated, checkIframeKey } from '../../client/clientUtils';
@@ -47,6 +47,7 @@ export class App implements OnInit, OnDestroy {
 	readonly emailIcon = faEnvelope;
 	readonly twitterIcon = faTwitter;
 	readonly patreonIcon = faPatreon;
+	readonly discordIcon = faDiscord;
 	readonly cogIcon = faCog;
 	readonly homeIcon = faHome;
 	readonly helpIcon = faGamepad;
@@ -54,6 +55,7 @@ export class App implements OnInit, OnDestroy {
 	readonly charactersIcon = faHorseHead;
 	readonly contactEmail = contactEmail;
 	readonly patreonLink = supporterLink;
+	readonly discordLink = discordLink;
 	readonly twitterLink = twitterLink;
 	readonly copyright = copyrightName;
 	private url = location.pathname;

src/ts/components/app/character/character.pug

@@ -14,6 +14,7 @@ page-loader(*ngIf="!playing")
 		h2.sr-only Character selection
 		.mx-auto(style="max-width: 400px;")
 			support-button.mb-3
+			discord-button.mb-3
 			install-button.mb-3
 			character-select(
 				[(error)]="error" [newButton]="true" [removeButton]="true" (change)="updateMuzzles()"

src/ts/components/app/home/home.pug

@@ -20,6 +20,8 @@ div(*ngIf="!playing")
 			div(*ngIf="!!account")
 				.form-group
 					support-button
+				.form-group
+					discord-button
 				.form-group(*ngIf="canInstall")
 					install-button
 				.form-group