From 607e1ac8c1c3f5d3eff25912796d37a1dc676695 Mon Sep 17 00:00:00 2001
From: Peace <syneffort@gmail.com>
Date: Wed, 12 Jun 2024 16:55:43 +0900
Subject: [PATCH] add parameter

---
 ConnectFour/Components/Board.razor      | 16 +++++++++++++---
 ConnectFour/Components/Pages/Home.razor |  6 +++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/ConnectFour/Components/Board.razor b/ConnectFour/Components/Board.razor
index 9555f34..dad1aaf 100644
--- a/ConnectFour/Components/Board.razor
+++ b/ConnectFour/Components/Board.razor
@@ -1,12 +1,13 @@
 @using ConnectFour.Logics
+@using System.Drawing
 @inject GameState State
 
 <HeadContent>
     <style>
         :root {
-            --board-bg: yellow; /** the color of the board **/
-            --player1: red; /** Player 1's piece color **/
-            --player2: blue; /** Player 2's piece color **/
+            --board-bg: @ColorTranslator.ToHtml(BoardColor); /** the color of the board **/
+            --player1: @ColorTranslator.ToHtml(Player1Color); /** Player 1's piece color **/
+            --player2: @ColorTranslator.ToHtml(Player2Color); /** Player 2's piece color **/
         }
     </style>
 </HeadContent>
@@ -49,6 +50,15 @@
     private string CurrentTurn => (winnerMessage == string.Empty) ? $"Player {State.PlayerTurn}'s Turn" : "";
     private string ResetStyle => (winnerMessage == string.Empty) ? "display: none;" : "";
 
+    [Parameter]
+    public Color BoardColor { get; set; } = ColorTranslator.FromHtml("yellow");
+
+    [Parameter]
+    public Color Player1Color { get; set; } = ColorTranslator.FromHtml("red");
+
+    [Parameter]
+    public Color Player2Color { get; set; } = ColorTranslator.FromHtml("blue");
+
     protected override void OnInitialized()
     {
         State.ResetBoard();
diff --git a/ConnectFour/Components/Pages/Home.razor b/ConnectFour/Components/Pages/Home.razor
index a505b31..c9f546a 100644
--- a/ConnectFour/Components/Pages/Home.razor
+++ b/ConnectFour/Components/Pages/Home.razor
@@ -1,4 +1,8 @@
 @page "/"
+@using System.Drawing
 
 <PageTitle>Home</PageTitle>
-<Board @rendermode="InteractiveServer" />
\ No newline at end of file
+<Board @rendermode="InteractiveServer"
+    BoardColor="Color.DarkGray"
+    Player1Color="Color.LimeGreen"
+    Player2Color="Color.OrangeRed"/>
\ No newline at end of file