diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 672e315..ec7e7fe 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,26 +1,18 @@
 <script lang="ts">
 	import { arrayPadEnd } from '$lib/array';
 	import Room from '$lib/Room.svelte';
-	import axios from 'axios';
 	import type { PageData } from './$types';
 
 	let props: { data: PageData } = $props();
 
 	let data = $state(props.data);
-	let refreshTimer = $state(60);
 
-	async function refresh() {
-		data = await axios.get('/api/data').then((result) => result.data);
-	}
-
-	$effect(() =>
-		data.archivedRooms.forEach((archivedRoom) =>
-			arrayPadEnd(archivedRoom.players, 4, {
-				name: 'CPU',
-				battleRank: 0,
-				rating: 0
-			})
-		)
+	data.archivedRooms.forEach((archivedRoom) =>
+		arrayPadEnd(archivedRoom.players, 4, {
+			name: 'CPU',
+			battleRank: 0,
+			rating: 0
+		})
 	);
 </script>
 
@@ -28,11 +20,8 @@
 	<section>
 		<h1 class="text-4xl font-bold">yukiotoko webui</h1>
 		<p>a frontend redesign for <a href="http://yukiotoko.chara.lol/">yukiotoko</a></p>
+		<p class="text-sub">refresh the page to fetch newer yukiotoko data</p>
 	</section>
-	<div>
-		<button class="bg-accent rounded-lg px-3 py-2" onclick={refresh}>Refresh</button>
-		<p class="text-sub">load the current data from yukiotoko</p>
-	</div>
 </div>
 
 <div class="flex flex-col gap-8">