From 17a271dbbbb9c77f53c748c06f987c5b4d05e820 Mon Sep 17 00:00:00 2001
From: Attila Gazso <230163+agazso@users.noreply.github.com>
Date: Fri, 22 Sep 2023 12:54:07 +0200
Subject: [PATCH] feat: add decline button to invite page

---
 src/routes/invite/[address]/+page.svelte | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/routes/invite/[address]/+page.svelte b/src/routes/invite/[address]/+page.svelte
index a55a493f..0aaad9ff 100644
--- a/src/routes/invite/[address]/+page.svelte
+++ b/src/routes/invite/[address]/+page.svelte
@@ -6,6 +6,7 @@
 	import Checkmark from '$lib/components/icons/checkmark.svelte'
 	import Events from '$lib/components/icons/events.svelte'
 	import CopyLink from '$lib/components/icons/copy-link.svelte'
+	import Close from '$lib/components/icons/close.svelte'
 
 	import Button from '$lib/components/button.svelte'
 	import Container from '$lib/components/container.svelte'
@@ -109,6 +110,10 @@
 		goto(routes.CHAT(chatId))
 	}
 
+	async function decline() {
+		goto(routes.HOME)
+	}
+
 	onMount(() => {
 		// when you show your QR code and link to someone, start looking for changes in the contacts
 		// and if a new contact is detected, redirect to their chat page
@@ -203,10 +208,16 @@
 					Connect with {counterParty?.name ?? $page.params.address} and start a private chat on Waku
 					chats
 				</p>
-				<Button on:click={() => startChat(wallet.address)}>
-					<CopyLink />
-					Start new chat
-				</Button>
+				<Container direction="row" justify="center" gap={12} alignItems="center" padY={0}>
+					<Button variant="strong" on:click={() => startChat(wallet.address)}>
+						<CopyLink />
+						Start new chat
+					</Button>
+					<Button on:click={() => decline()}>
+						<Close />
+						Decline
+					</Button>
+				</Container>
 			</Container>
 		{/if}
 	</AuthenticatedOnly>