From 71d37e758fbc155a14f13989e7ed05e7719c2159 Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Sat, 20 Aug 2022 19:55:21 +0200
Subject: implement LinkButton component

---
 web/pw-server/src/routes/matches/index.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'web/pw-server/src/routes/matches/index.svelte')

diff --git a/web/pw-server/src/routes/matches/index.svelte b/web/pw-server/src/routes/matches/index.svelte
index a2e352c..8c106fa 100644
--- a/web/pw-server/src/routes/matches/index.svelte
+++ b/web/pw-server/src/routes/matches/index.svelte
@@ -49,6 +49,7 @@
 </script>
 
 <script lang="ts">
+  import LinkButton from "$lib/components/LinkButton.svelte";
   import MatchList from "$lib/components/matches/MatchList.svelte";
 
   export let matches: object[];
@@ -100,8 +101,8 @@
   <MatchList {matches} />
   <div class="page-controls">
     <div class="btn-group">
-      <a class="btn btn-page-prev" href={newerMatchesLink(matches)}>newer</a>
-      <a class="btn btn-page-next" href={olderMatchesLink(matches)}>older</a>
+      <LinkButton href={newerMatchesLink(matches)}>Newer</LinkButton>
+      <LinkButton href={olderMatchesLink(matches)}>Older</LinkButton>
     </div>
   </div>
 </div>
-- 
cgit v1.2.3

