3 files changed, 45 insertions, 9 deletions
diff --git a/frontend/hitler-clicker/src/routes/+page.svelte b/frontend/hitler-clicker/src/routes/+page.svelte
index ed1657c..ce31e08 100644
--- a/frontend/hitler-clicker/src/routes/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/+page.svelte
@@ -21,10 +21,10 @@
 	async function getstats() {
 		fetch("http://localhost:8000/index.php").then((response) => {
 			return response.json().then((data) => {
-				if (data.status === "online") {
-					axis = Number(data.axis);
-					allies = Number(data.allies);
-					soviets = Number(data.soviet);
+				if (data) {
+					axis = Number(data.axis.clicks);
+					allies = Number(data.allies.clicks);
+					soviets = Number(data.soviet.clicks);
 				}
 			})
 		})
diff --git a/frontend/hitler-clicker/src/routes/play/+page.svelte b/frontend/hitler-clicker/src/routes/play/+page.svelte
index 2f07c7a..67de720 100644
--- a/frontend/hitler-clicker/src/routes/play/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/play/+page.svelte
@@ -33,10 +33,10 @@
 	async function getstats() {
 		fetch("http://localhost:8000/index.php").then((response) => {
 			return response.json().then((data) => {
-				if (data.status === "online") {
-					axis = Number(data.axis);
-					allies = Number(data.allies);
-					soviets = Number(data.soviet);
+				if (data) {
+					axis = Number(data.axis.clicks);
+					allies = Number(data.allies.clicks);
+					soviets = Number(data.soviet.clicks);
 				}
 			})
 		})
diff --git a/frontend/hitler-clicker/src/routes/rank/+page.svelte b/frontend/hitler-clicker/src/routes/rank/+page.svelte
index d49ed0e..3159fc0 100644
--- a/frontend/hitler-clicker/src/routes/rank/+page.svelte
+++ b/frontend/hitler-clicker/src/routes/rank/+page.svelte
@@ -32,6 +32,38 @@
 
 	{#key refresh}
 
+		{#await fetch("http://localhost:8000/index.php").then((response) => response.json())}
+			<p>...</p>
+		{:then response}
+
+			<table>
+				<thead>
+					<tr>
+						<th>Stat:</th>
+						<th class="rightalign">Clicks:</th>
+						<th>from Anonymous:</th>
+					</tr>
+				</thead>
+				<tbody>
+					
+					{#each Object.keys(response) as id}
+
+						<tr class={id}>
+							<td>{id}</td>
+							<td class="rightalign">{response[id].clicks}</td>
+							<td>{response[id].fromanon}</td>
+						</tr>
+
+					{/each}
+
+				</tbody>
+			</table>
+
+		{:catch error}
+			<pre>{error}</pre>
+		{/await}
+
+
 		{#await fetch("http://localhost:8000/rank.php").then((response) => response.json())}
 			<p>...</p>
 		{:then response}
@@ -90,7 +122,7 @@
 <style>
 	table {
 		margin-top: 15px;
-		table-layout: auto;
+		table-layout: fixed;
 		width: 100%;
 		border-collapse: collapse;
 		font-family: monospace;
@@ -108,11 +140,15 @@
 		padding: 0.5rem;
 		font-size: 1.3rem;
 		color: var(--color-neutral-50);
+		width: 50%;
 	}
 	th:first-child, td:first-child {
 		text-align: left;
 		width: 150px;
 	}
+	.rightalign {
+		text-align: right;
+	}
 	th:last-child, td:last-child {
 		text-align: right;
 	}