From a9af1c693cc9bf598f5afb5f63012d89d8f58b49 Mon Sep 17 00:00:00 2001 From: Juan Miguel Villegas <70586029+unovil@users.noreply.github.com> Date: Wed, 17 Apr 2024 09:16:57 +0800 Subject: [PATCH 01/16] added search routing --- src/lib/components/search.ts | 12 ++++++++++++ src/routes/dashboard/+page.svelte | 17 +++++++++++++++++ src/routes/search/+page.server.ts | 23 +++++++++++++++++++++++ src/routes/search/+page.svelte | 22 ++++++++++++++++++++++ 4 files changed, 74 insertions(+) create mode 100644 src/lib/components/search.ts create mode 100644 src/routes/search/+page.server.ts create mode 100644 src/routes/search/+page.svelte diff --git a/src/lib/components/search.ts b/src/lib/components/search.ts new file mode 100644 index 0000000..2c40b1f --- /dev/null +++ b/src/lib/components/search.ts @@ -0,0 +1,12 @@ +import { goto } from "$app/navigation"; +import type { Page } from "@sveltejs/kit"; + +export const searchQuery = (searchTerm: string | null, page: Page, string | null>) => { + if (searchTerm === null) return ""; + if (searchTerm.trim() === "") return ""; + + let query = new URLSearchParams(page.url.searchParams.toString()); + query.set("term", searchTerm); + + return query.toString() || ""; + }; \ No newline at end of file diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte index 2167d47..c21a049 100644 --- a/src/routes/dashboard/+page.svelte +++ b/src/routes/dashboard/+page.svelte @@ -1,10 +1,25 @@
+

Looking for something to roam about?

+
{ + const query = searchQuery(searchTerm, $page) + if (query != "") goto(`/search?${query}`); + }} + > + + +
+

Welcome, {data.userInfo.firstName}!


Section: {data?.sectionInfo?.section ?? "null"}

@@ -30,7 +45,9 @@ Recent bookings:
+
+