From ec014fd0ed4b8d77f739ca81f2a130bfee41058d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 30 Aug 2023 11:57:32 +0200
Subject: [PATCH] refactor: use button component

---
 .../functions/templates/+page.svelte                | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/routes/console/project-[project]/functions/templates/+page.svelte b/src/routes/console/project-[project]/functions/templates/+page.svelte
index eb1a4e2be..776b50b96 100644
--- a/src/routes/console/project-[project]/functions/templates/+page.svelte
+++ b/src/routes/console/project-[project]/functions/templates/+page.svelte
@@ -214,16 +214,15 @@
                                 </p>
 
                                 <div class="u-flex u-gap-16 u-main-end u-margin-block-start-24">
-                                    <a
+                                    <Button
                                         href={`${base}/console/project-${$page.params.project}/functions/templates/template-${template.id}`}
-                                        class="button is-text">
+                                        text>
                                         <span class="text">View details</span>
-                                    </a>
-                                    <button
-                                        class="button is-secondary"
-                                        on:click={() => connectTemplate(template)}>
+                                    </Button>
+
+                                    <Button secondary on:click={() => connectTemplate(template)}>
                                         <span class="text">Create function</span>
-                                    </button>
+                                    </Button>
                                 </div>
                             </article>
                         </li>