Add country flag to Teams

configschema.json

@@ -17,7 +17,7 @@
 		"steamApiKey": {
 			"type": "string",
 			"description": "Steam API key used to get steam profile pictures (https://steamcommunity.com/dev/apikey)",
-			"default": "STEAM-API-KEY"
+			"default": "D9A12350EB5284BDCC1FA72AD2EAE154"
 		},
 		"gameSettings": {
 			"type": "object",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodecg-csgo-manager",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "Layouts for CSGO spectating",
   "homepage": "",
   "author": {

src/dashboard/setup/team-preset-creator/team-preset-creator.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import styled from 'styled-components';
 /* eslint-disable-next-line */
-// @ts-ignore 
+// @ts-ignore
 import Twemoji from 'react-twemoji';
 import { render } from 'react-dom';
 import { useListenFor, useReplicant } from 'use-nodecg';
@@ -51,6 +51,7 @@ export const TeamPresetCreator: React.FC = () => {
 	const [localName, setLocalName] = useState('');
 	const [localPfp, setLocalPfp] = useState('');
 	const [localCountry, setLocalCountry] = useState('');
+	const [localCountryTeam, setLocalCountryTeam] = useState('');
 	const [localLogo, setLocalLogo] = useState('');
 	const [localTeamName, setLocalTeamName] = useState('');
 	const [localTeamAlias, setLocalTeamAlias] = useState('');
@@ -174,6 +175,7 @@ export const TeamPresetCreator: React.FC = () => {
 				setLocalTeamAlias(foundTeamPreset.alias);
 				setLocalTeamName(foundTeamPreset.name);
 				setLocalLogo(foundTeamPreset.logo || '');
+				setLocalCountryTeam(foundTeamPreset.country || '');
 			}
 		}
 	}, [localTeamPresetAlias, teamPresetsRep.teams, localTeamName]);
@@ -201,13 +203,15 @@ export const TeamPresetCreator: React.FC = () => {
 			name: localTeamName,
 			alias: localTeamAlias,
 			logo: localLogo,
+			country: localCountryTeam
 		});
 
 		setSnackbarMsg(`Added ${localName}`);
 		setLocalTeamAlias('');
 		setLocalTeamPresetAlias('');
 		setLocalTeamName('');
 		setLocalLogo('');
+		setLocalCountryTeam('');
 	}
 
 	function AddPlayer(): void {
@@ -317,6 +321,15 @@ export const TeamPresetCreator: React.FC = () => {
 						{teamLogoList}
 					</Select>
 				</FormControl>
+				<FormControl variant="filled" fullWidth>
+					<InputLabel id="countryTeamLabel">Country</InputLabel>
+					<Select
+						labelId="countryTeamLabel"
+						value={localCountryTeam}
+						onChange={(e) => setLocalCountryTeam(e.target.value as string)}>
+						{flagListMap}
+					</Select>
+				</FormControl>
 				<TextField
 					required
 					label="Alias"

src/extension/team-import-export.ts

@@ -108,12 +108,13 @@ nodecg.listenFor('pushNewPlayerData', (player: TeamsPreset['players'][0]) => {
 	pushNewPlayerData(player);
 });
 
-nodecg.listenFor('newTeam', (data: { name: string; alias: string; logo?: string }) => {
+nodecg.listenFor('newTeam', (data: { name: string; alias: string; logo?: string; country?: string }) => {
 	nodecg.log.info('Adding ' + data.alias);
 	const teamObj: TeamMeta = {
 		alias: data.alias,
 		name: data.name,
 		logo: data.logo,
+		country: data.country,
 	};
 	// Clear undefined props
 	_.pickBy(teamObj, _.identity);

types/team-preset.d.ts

@@ -2,6 +2,7 @@ interface TeamMeta {
 	alias: string;
 	name: string;
 	logo?: string;
+	country?: string;
 }
 
 interface Player {