Update players. Reformat using prettier.

Author: vikpe

src/components/Board.jsx

@@ -21,7 +21,7 @@ function appendPlayerPoolTeams() {
     (p) => !playersInTeams.includes(p),
   );
 
-  _chunk(playerPoolPlayerNames, 8).map((playerNames, index) => {
+  _chunk(playerPoolPlayerNames, 7).map((playerNames, index) => {
     const id = `playerpool-${index}`;
     teams[id] = { id, playerNames };
   });
@@ -160,7 +160,7 @@ class Board extends React.Component {
 
             <div
               id="app-playerpool"
-              className="p-4 bg-black/80 rounded-xl grid grid-cols-8 border border-sky-500"
+              className="p-4 bg-black/80 rounded-xl grid grid-cols-4 border border-sky-500"
             >
               {playerPoolTeams.map((team) => (
                 <DroppablePlayerList

src/data.js

@@ -1,96 +1,59 @@
 export const pickOrder = [
-	1, 2, 3, 4, 5, 6, 7, 
-	6, 7, 5, 4, 3, 2, 1, 
-	3, 5, 2, 1, 7, 4, 6, 
-	1, 4, 2, 6, 7, 3, 5,
+  1, 2, 3, 4, 5, 6, 7, 5, 6, 7, 4, 3, 2, 1, 2, 1, 3, 4, 7, 6, 5, 1, 5, 6, 7, 4,
 ].map((n) => n - 1);
 
 const captains = [
-	["paniagua", "FI"],
-	["nas", "SE"],
-	["Macisum", "NO"],
-	["HangTime", "GB"],
-	["PreMorteM", "NO"],
-	["Zepp", "RU"],
-	["snapcase", "SE"],
+  ["spokz", "PL"],
+  ["Link", "NO"],
+  ["Nexus", "FI"],
+  ["Nico", "US"],
+  ["tuhmapoika", "FI"],
+  ["myca", "PL"],
+  ["neophyte", "HU"],
 ];
 
 const player_pool = [
-	["AHemlocksLie", "US"],
-	["alice", "SE"],
-	["Anza", "FI"],
-	["bass", "SE"],
-	["biggz", "IS"],
-	["bjarke", "DK"],
-	["Calinou", "FR"],
-	["coj", "US"],
-	["darko", "DE"],
-	["diehuman", "PT"],
-	["Dobezz", "GB"],
-	["doomie", "PL"],
-	["duce", "DE"],
-	["Ekz", "SE"],
-	["Evil", "UA"],
-	["Flamer", "CZ"],
-	["Flash", "CA"],
-	["floc", "DE"],
-	["gLAd", "RU"],
-	["Grc", "SE"],
-	["HaraldQuake", "DE"],
-	["himmu", "FI"],
-	["Hooraytio", "SE"],
-	["kip", "FI"],
-	["kwon", "DE"],
-	["lethalwiz", "SE"],
-	["Link", "NO"],
-	["Locktar", "SE"],
-	["milamber", "HU"],
-	["musi", "HU"],
-	["myca", "PL"],
-	["neophyte", "HU"],
-	["Nexus", "FI"],
-	["Nico", "US"],
-	["NinJaA", "HU"],
-	["nlk", "RU"],
-	["ocoini", "NO"],
-	["Pamppu", "FI"],
-	["PhenomenA", "SE"],
-	["Pitbull", "LT"],
-	["RaggA", "IE"],
-	["raket", "SE"],
-	["ratatat", "SE"],
-	["rghst", "DE"],
-	["Riki", "PL"],
-	["robin", "NO"],
-	["rotker", "PL"],
-	["rusti", "FI"],
-	["sailorman", "SE"],
-	["Slaughter", "FI"],
-	["spokz", "PL"],
-	["Szturm", "PL"],
-	["tr0ll", "NO"],
-	["tuhmapoika", "FI"],
-	["tumult", "SE"],
-	["Veggie", "US"],
-	["viag", "CA"],
-	["wallu", "FI"],
-	["XuMuK", "RU"],
-	["ztranger", "PT"],
+  ["AHemlocksLie", "US"],
+  ["alice", "SE"],
+  ["badsebi", "PL"],
+  ["biggz", "IS"],
+  ["Calinou", "FR"],
+  ["diehuman", "PT"],
+  ["Dobezz", "GB"],
+  ["doomie", "PL"],
+  ["duce", "DE"],
+  ["Evil", "UA"],
+  ["Flash", "CA"],
+  ["HaraldQuake", "DE"],
+  ["kwon", "DE"],
+  ["milamber", "HU"],
+  ["musi", "HU"],
+  ["NinJaA", "HU"],
+  ["nlk", "RU"],
+  ["Pamppu", "FI"],
+  ["PhenomenA", "SE"],
+  ["RaggA", "IE"],
+  ["ratatat", "SE"],
+  ["rotker", "PL"],
+  ["sailorman", "SE"],
+  ["Veggie", "US"],
+  ["XuMuK", "RU"],
+  ["ztranger", "PT"],
 ];
 
 // do not edit below
 export const teams = captains.reduce((teams, [name, _], index) => {
-	teams[name] = {
-		id: name,
-		index,
-		playerNames: [name],
-	};
-	return teams;
+  teams[name] = {
+    id: name,
+    index,
+    playerNames: [name],
+  };
+  return teams;
 }, {});
 
 export const players = [...player_pool, ...captains]
-	.toSorted((a, b) => a[0].localeCompare(b[0]))
-	.reduce((players, [name, country_code]) => {
-		players[name] = { name, country_code: country_code.toLocaleLowerCase() };
-		return players;
-	}, {});
+  .toSorted((a, b) => a[0].localeCompare(b[0]))
+  .reduce((players, [name, country_code]) => {
+    players[name] = { name, country_code: country_code.toLocaleLowerCase() };
+    return players;
+  }, {});

src/styles/_dnd.scss

@@ -18,7 +18,7 @@
       @apply text-xl text-yellow-700 ml-auto;
       content: "★";
     }
-    
+
     div:nth-child(5) .app-player::after {
       @apply text-xl text-slate-400 ml-auto;
       content: "★";
@@ -69,8 +69,9 @@
   #app-teams .dnd-droppable {
     @apply opacity-100;
 
-    $colors: "rose", "cyan", "purple", "emerald", "blue", "amber", "green",
-      "orange", "lime", "gray", "pink", "violet";
+    $colors:
+      "rose", "cyan", "purple", "emerald", "blue", "amber", "green", "orange",
+      "lime", "gray", "pink", "violet";
 
     @for $i from 1 through length($colors) {
       $color: nth($colors, $i);