From 9508a7e66ae80cf4fb18fb3eefa318bc468e5192 Mon Sep 17 00:00:00 2001
From: Oliver Akins <oliver.akins1999@gmail.com>
Date: Wed, 20 Jul 2022 21:13:41 -0600
Subject: [PATCH] Move the board into a writable store

---
 web-svelte/src/components/Board.svelte | 42 +++++++-------------------
 web-svelte/src/stores.ts               |  4 +--
 2 files changed, 13 insertions(+), 33 deletions(-)

diff --git a/web-svelte/src/components/Board.svelte b/web-svelte/src/components/Board.svelte
index 8956e17..35d346d 100644
--- a/web-svelte/src/components/Board.svelte
+++ b/web-svelte/src/components/Board.svelte
@@ -1,38 +1,18 @@
 <script lang="ts">
 import Spaceship from "./icons/spaceship.svelte";
 import Hexagon from "./Hexagon.svelte";
-import type { PlayerData } from "common";
+import { board } from "../stores";
 
-const board: PlayerData[] = new Array(54).fill(null);
-
-board[5] = {
-	colour: {
-		name: "Green",
-		hex: `#00aa00`
-	},
-	name: `Oliver`,
-	ship: {
-		id: `space-shuttle`,
-		name: `Space Shuttle`
-	},
-	host: false,
-}
-board[18] = {
-	colour: {
-		name: "Pink",
-		hex: `#f72585`
-	},
-	name: `Oliver`,
-	ship: {
-		id: `space-shuttle`,
-		name: `Space Shuttle`
-	},
-	host: false,
-}
-
-function calculateMidNumber(row: number, col: number) {
-	return col + (( row * 10 ) + (1 * row));
-};
+const ship = `space-shuttle`
+// board[5] = {colour: {name: "Green",hex: `#00aa00`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[10] = {colour: {name: "Magenta",hex: `#0077b6`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[18] = {colour: {name: "Pink",hex: `#cb0b0a`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[21] = {colour: {name: "Magenta",hex: `#7400b8`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[26] = {colour: {name: "Magenta",hex: `#faa307`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[32] = {colour: {name: "Magenta",hex: `#9ef01a`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[43] = {colour: {name: "Magenta",hex: `#b7094c`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+// board[47] = {colour: {name: "Magenta",hex: `#f72585`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
+board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id: ship,name: `Space Shuttle`},host: false,}
 </script>
 
 
diff --git a/web-svelte/src/stores.ts b/web-svelte/src/stores.ts
index c7ecc11..753b407 100644
--- a/web-svelte/src/stores.ts
+++ b/web-svelte/src/stores.ts
@@ -1,8 +1,8 @@
-import type { PlayerData } from "common";
+import type { Board, PlayerData } from "common";
 import { writable } from "svelte/store";
 
 export const gameCode = writable<string>("");
 export const state = writable<string>("main-menu");
 export const myName = writable<string>("");
 export const isHost = writable<boolean>(false);
-export const players = writable<PlayerData[]>();
\ No newline at end of file
+export const board = writable<Board>(new Array(54).fill(null));
\ No newline at end of file