From 2530e90774fdcfa5edd959df36c0986305fd2c74 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 24 Dec 2021 03:21:59 -0700
Subject: [PATCH] Make player component use the isHost store

---
 web-svelte/src/components/Player.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web-svelte/src/components/Player.svelte b/web-svelte/src/components/Player.svelte
index d5f0eb5..48cc909 100644
--- a/web-svelte/src/components/Player.svelte
+++ b/web-svelte/src/components/Player.svelte
@@ -1,16 +1,20 @@
 <script lang="ts">
-import { myName, hostName } from "../stores";
-
 import SciFiButton from "./SciFi-Button.svelte";
+import { createEventDispatcher } from "svelte";
+import { myName, isHost } from "../stores";
 
 export let name: string;
 export let colour: string;
 
+const emit = createEventDispatcher();
+
 function exitPlayer() {};
 
-function changeColour() {};
+function changeColour() {
+	emit("changeColour");
+};
 
-let canLeave = $myName == $hostName || name == $myName;
+let canLeave = $isHost || name == $myName;
 </script>
 
 <div class="player" style="--colour: {colour};">