From 42cc753e86a3b7c5020206dda68bbb81bf15da2b Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 29 Nov 2024 23:32:08 -0800
Subject: load more contacts

---
 src/routes/(app)/send/[...text]/+page.server.ts |  5 +++--
 src/routes/(app)/send/[...text]/+page.svelte    | 16 ++++++++++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

(limited to 'src/routes/(app)/send')

diff --git a/src/routes/(app)/send/[...text]/+page.server.ts b/src/routes/(app)/send/[...text]/+page.server.ts
index b0baa2d5..3bd8dff3 100644
--- a/src/routes/(app)/send/[...text]/+page.server.ts
+++ b/src/routes/(app)/send/[...text]/+page.server.ts
@@ -1,12 +1,13 @@
+import parse from "$lib/parse";
 import { auth, fd, get } from "$lib/utils";
 import { fail } from "@sveltejs/kit";
-import parse from "$lib/parse";
 
+const limit = 1;
 export async function load({ cookies, params, url }) {
 	const { text } = params;
 
 	await parse(text, url.host);
-	const contacts = await get("/contacts", auth(cookies));
+	const contacts = await get(`/contacts/${limit}`, auth(cookies));
 	return { contacts };
 }
 
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 2ce9d538..ebc705b5 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -8,12 +8,18 @@
   import Avatar from "$comp/Avatar.svelte";
   import Icon from "$comp/Icon.svelte";
   import Spinner from "$comp/Spinner.svelte";
-  import { back, fail, focus } from "$lib/utils";
+  import { back, get, fail, focus } from "$lib/utils";
 
   let { data = $bindable(), form } = $props();
   data.subject = data.user;
 
-  let { contacts } = data;
+  let { contacts } = $state(data);
+
+  let loaded = $state();
+  let loadMore = async () => {
+    loaded = true;
+    contacts = await get("/contacts");
+  };
 
   let el = $state(),
     text = $state(),
@@ -109,4 +115,10 @@
       </div>
     </div>
   {/if}
+
+  {#if !loaded}
+    <button onclick={loadMore} type="button" class="btn"
+      >{$t("user.loadMore")}</button
+    >
+  {/if}
 </div>
-- 
cgit v1.2.3