From 2a0a33ac4c54c494dab3bbf657b9298398a2ed03 Mon Sep 17 00:00:00 2001
From: Manu Artero Anguita <manutero.developer@gmail.com>
Date: Fri, 20 Oct 2023 14:40:49 +0200
Subject: [PATCH 1/5] feat: listening to keyboard at <Draft />

---
 src/components/draft.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/draft.tsx b/src/components/draft.tsx
index 99e8a86..3045558 100644
--- a/src/components/draft.tsx
+++ b/src/components/draft.tsx
@@ -5,6 +5,7 @@ import { DraftCard } from "elements/draft-card";
 
 import type { DeckCard, Player, Selection } from "app-domain";
 import type { Card } from "services/cards";
+import { useKeyboard } from "hooks/use-keyboard";
 
 type Props = {
   cards: Card[];
@@ -23,6 +24,18 @@ export function Draft({
   const [player1, setPlayer1] = useState<DeckCard>();
   const [player2, setPlayer2] = useState<DeckCard>();
 
+  useKeyboard({
+    1: () => {
+      handleSelectCard(cards[0]);
+    },
+    2: () => {
+      handleSelectCard(cards[1]);
+    },
+    3: () => {
+      handleSelectCard(cards[2]);
+    },
+  });
+
   const ready = player1?.card && player2?.card;
 
   const handleSelectCard = (card: Card) => {

From 36b35a74cd4e8a52bbc1c94af6b52ff9ad14ac0b Mon Sep 17 00:00:00 2001
From: Manu Artero Anguita <manutero.developer@gmail.com>
Date: Fri, 20 Oct 2023 14:51:22 +0200
Subject: [PATCH 2/5] fix: Draft - alternate players.

---
 src/components/draft.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/draft.tsx b/src/components/draft.tsx
index 3045558..b07e721 100644
--- a/src/components/draft.tsx
+++ b/src/components/draft.tsx
@@ -1,6 +1,6 @@
 import c from "classnames";
 import { ReadyButton } from "elements/ready-button";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { DraftCard } from "elements/draft-card";
 
 import type { DeckCard, Player, Selection } from "app-domain";
@@ -36,6 +36,10 @@ export function Draft({
     },
   });
 
+  useEffect(() => {
+    setCurrentPlayer(startingPlayer);
+  }, [startingPlayer]);
+
   const ready = player1?.card && player2?.card;
 
   const handleSelectCard = (card: Card) => {

From c2677160f176b8a53d027b6b5a4b471fb0ae2e1a Mon Sep 17 00:00:00 2001
From: Manu Artero Anguita <manutero.developer@gmail.com>
Date: Fri, 20 Oct 2023 15:03:27 +0200
Subject: [PATCH 3/5] style: introducing css vars with tailwind

---
 src/components/deck.tsx    | 2 +-
 src/components/toolbar.tsx | 2 +-
 src/index.css              | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/deck.tsx b/src/components/deck.tsx
index 303f2f6..c3166a5 100644
--- a/src/components/deck.tsx
+++ b/src/components/deck.tsx
@@ -24,7 +24,7 @@ export function Deck({ className, playerDeck, player }: Props) {
       className={c(
         className,
         "flex flex-col justify-around p-4 pb-32 h-full",
-        "border-gray-700",
+        "border-[var(--light-grey)]",
         player === "Player 1" && "bg-gradient-to-r border-r-4",
         player === "Player 2" && "bg-gradient-to-l border-l-4",
         player !== "Player 1" &&
diff --git a/src/components/toolbar.tsx b/src/components/toolbar.tsx
index ca9940f..223d7d4 100644
--- a/src/components/toolbar.tsx
+++ b/src/components/toolbar.tsx
@@ -15,7 +15,7 @@ export function Toolbar({ onDeckSettings, onCollection }: Props) {
   return (
     <nav
       id="Toolbar"
-      className="bg-gray-700 w-full flex items-end justify-end px-4"
+      className="bg-[var(--light-grey)] w-full flex items-end justify-end px-4"
     >
       <button
         className="px-8 py-4 rounded-md text-xl"
diff --git a/src/index.css b/src/index.css
index fec28d1..b1a03ef 100644
--- a/src/index.css
+++ b/src/index.css
@@ -28,6 +28,7 @@ body {
   --dark-blue: #090e0f;
   --medium-dark-blue: #0f191f;
   --white: #ffffff;
+  --light-grey: rgb(63, 72, 84); /* aprox. gray-600 */
 }
 
 .show-up-transition {

From cf33f36196874569d13e0c149822f1e2de46db93 Mon Sep 17 00:00:00 2001
From: Manu Artero Anguita <manutero.developer@gmail.com>
Date: Fri, 20 Oct 2023 15:03:59 +0200
Subject: [PATCH 4/5] v0.10.0

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2f1a7ff..2cf5cf4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "marvel-lcg-draft",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "marvel-lcg-draft",
-      "version": "0.9.0",
+      "version": "0.10.0",
       "license": "MIT",
       "dependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
diff --git a/package.json b/package.json
index 384fdd3..3082cae 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "marvel-lcg-draft",
   "description": "Prepare 2 decks for Marvel Champions: Draft rules",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "private": false,
   "license": "MIT",
   "type": "module",

From 0441342f6b14106217910935451a80a1239b4033 Mon Sep 17 00:00:00 2001
From: Manu Artero Anguita <manutero.developer@gmail.com>
Date: Fri, 20 Oct 2023 15:06:36 +0200
Subject: [PATCH 5/5] test snapshot

---
 src/components/__snapshots__/toolbar.test.tsx.snap | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/__snapshots__/toolbar.test.tsx.snap b/src/components/__snapshots__/toolbar.test.tsx.snap
index 93c9331..f53ced8 100644
--- a/src/components/__snapshots__/toolbar.test.tsx.snap
+++ b/src/components/__snapshots__/toolbar.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<Toolbar /> renders 1`] = `
 <DocumentFragment>
   <nav
-    class="bg-gray-700 w-full flex items-end justify-end px-4"
+    class="bg-[var(--light-grey)] w-full flex items-end justify-end px-4"
     id="Toolbar"
   >
     <button