From dcb29e112a711324bf091708bc3b1d5f53f948c4 Mon Sep 17 00:00:00 2001
From: "Gard.Kalland" <github.blunderer148@passmail.net>
Date: Mon, 28 Apr 2025 13:29:21 +0200
Subject: [PATCH 1/3] Sorting events

---
 .../portal/arrangementer/+page.server.ts      | 14 ++++++--
 .../routes/portal/arrangementer/+page.svelte  | 34 +++++++++++++++++--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/routes/portal/arrangementer/+page.server.ts b/apps/www/src/routes/portal/arrangementer/+page.server.ts
index dff6093c..3b484534 100644
--- a/apps/www/src/routes/portal/arrangementer/+page.server.ts
+++ b/apps/www/src/routes/portal/arrangementer/+page.server.ts
@@ -5,10 +5,20 @@ export const load: PageServerLoad = async ({ locals }) => {
 		orderBy: (row, { asc }) => [asc(row.date)],
 		with: {
 			shifts: true
-		}
+		},
+    where: (events, { gte }) => gte(events.date, new Date())
 	});
 
+  const outdatedEvents = await locals.db.query.events.findMany({
+    orderBy: (row, { desc }) => [desc(row.date)],
+    with: {
+      shifts: true
+    },
+    where: (events, { lt }) => lt(events.date, new Date())
+  });
+
 	return {
-		events
+		events,
+    outdatedEvents
 	};
 };
diff --git a/apps/www/src/routes/portal/arrangementer/+page.svelte b/apps/www/src/routes/portal/arrangementer/+page.svelte
index e1823843..ea831a15 100644
--- a/apps/www/src/routes/portal/arrangementer/+page.svelte
+++ b/apps/www/src/routes/portal/arrangementer/+page.svelte
@@ -2,10 +2,14 @@
 	import EventPreview from '$lib/components/portal/EventPreview.svelte';
 	import Heading from '$lib/components/ui/Heading.svelte';
 	import { getUser } from '$lib/context/user.context.js';
-
 	let { data } = $props();
-
 	let user = getUser();
+  let showOutdatedEvents = $state(false);
+  
+  function toggleOutdatedEvents() {
+    showOutdatedEvents = !showOutdatedEvents;
+  }
+
 </script>
 
 <svelte:head>
@@ -28,3 +32,29 @@
 		<p>Ingen arrangementer</p>
 	{/each}
 </ul>
+
+<div class="mt-8">
+  <button 
+    class="flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-md text-left focus:outline-none"
+    onclick={toggleOutdatedEvents}
+    aria-expanded={showOutdatedEvents}
+  >
+    <h3 class="text-lg font-medium m0">
+    {showOutdatedEvents ? 'Skjul tidligere arrangementer' : 'Vis tidligere arrangementer'}
+     </h3> 
+  </button>
+</div>
+
+{#if showOutdatedEvents}
+  <div class="mt-4">
+    <ul class="mt-4 flex flex-col gap-4">
+      {#each data.outdatedEvents as event}
+        <li>
+          <EventPreview {event} />
+        </li>
+      {:else}
+        <p>Ingen tidligere arrangementer</p>
+      {/each}
+    </ul>
+  </div>
+{/if}

From 5ad95de4fdfe466c42690d8c547c0c4e8c14bada Mon Sep 17 00:00:00 2001
From: "Gard.Kalland" <github.blunderer148@passmail.net>
Date: Mon, 28 Apr 2025 14:23:47 +0200
Subject: [PATCH 2/3] removed padding

---
 apps/www/src/routes/portal/arrangementer/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/routes/portal/arrangementer/+page.svelte b/apps/www/src/routes/portal/arrangementer/+page.svelte
index ea831a15..38643b75 100644
--- a/apps/www/src/routes/portal/arrangementer/+page.svelte
+++ b/apps/www/src/routes/portal/arrangementer/+page.svelte
@@ -35,7 +35,7 @@
 
 <div class="mt-8">
   <button 
-    class="flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-md text-left focus:outline-none"
+    class="flex items-center py-6 bg-gray-100 hover:bg-gray-200 rounded-md text-left focus:outline-none"
     onclick={toggleOutdatedEvents}
     aria-expanded={showOutdatedEvents}
   >

From cebce9e8de6cc7d71be1c3250e4b149f7ca7d970 Mon Sep 17 00:00:00 2001
From: "Gard.Kalland" <github.blunderer148@passmail.net>
Date: Fri, 2 May 2025 14:50:29 +0200
Subject: [PATCH 3/3] format

---
 .../portal/arrangementer/+page.server.ts      | 18 +++----
 .../routes/portal/arrangementer/+page.svelte  | 49 +++++++++----------
 2 files changed, 33 insertions(+), 34 deletions(-)

diff --git a/apps/www/src/routes/portal/arrangementer/+page.server.ts b/apps/www/src/routes/portal/arrangementer/+page.server.ts
index 3b484534..4e3773aa 100644
--- a/apps/www/src/routes/portal/arrangementer/+page.server.ts
+++ b/apps/www/src/routes/portal/arrangementer/+page.server.ts
@@ -6,19 +6,19 @@ export const load: PageServerLoad = async ({ locals }) => {
 		with: {
 			shifts: true
 		},
-    where: (events, { gte }) => gte(events.date, new Date())
+		where: (events, { gte }) => gte(events.date, new Date())
 	});
 
-  const outdatedEvents = await locals.db.query.events.findMany({
-    orderBy: (row, { desc }) => [desc(row.date)],
-    with: {
-      shifts: true
-    },
-    where: (events, { lt }) => lt(events.date, new Date())
-  });
+	const outdatedEvents = await locals.db.query.events.findMany({
+		orderBy: (row, { desc }) => [desc(row.date)],
+		with: {
+			shifts: true
+		},
+		where: (events, { lt }) => lt(events.date, new Date())
+	});
 
 	return {
 		events,
-    outdatedEvents
+		outdatedEvents
 	};
 };
diff --git a/apps/www/src/routes/portal/arrangementer/+page.svelte b/apps/www/src/routes/portal/arrangementer/+page.svelte
index 38643b75..8536884e 100644
--- a/apps/www/src/routes/portal/arrangementer/+page.svelte
+++ b/apps/www/src/routes/portal/arrangementer/+page.svelte
@@ -4,12 +4,11 @@
 	import { getUser } from '$lib/context/user.context.js';
 	let { data } = $props();
 	let user = getUser();
-  let showOutdatedEvents = $state(false);
-  
-  function toggleOutdatedEvents() {
-    showOutdatedEvents = !showOutdatedEvents;
-  }
+	let showOutdatedEvents = $state(false);
 
+	function toggleOutdatedEvents() {
+		showOutdatedEvents = !showOutdatedEvents;
+	}
 </script>
 
 <svelte:head>
@@ -34,27 +33,27 @@
 </ul>
 
 <div class="mt-8">
-  <button 
-    class="flex items-center py-6 bg-gray-100 hover:bg-gray-200 rounded-md text-left focus:outline-none"
-    onclick={toggleOutdatedEvents}
-    aria-expanded={showOutdatedEvents}
-  >
-    <h3 class="text-lg font-medium m0">
-    {showOutdatedEvents ? 'Skjul tidligere arrangementer' : 'Vis tidligere arrangementer'}
-     </h3> 
-  </button>
+	<button
+		class="flex items-center rounded-md bg-gray-100 py-6 text-left hover:bg-gray-200 focus:outline-none"
+		onclick={toggleOutdatedEvents}
+		aria-expanded={showOutdatedEvents}
+	>
+		<h3 class="m0 text-lg font-medium">
+			{showOutdatedEvents ? 'Skjul tidligere arrangementer' : 'Vis tidligere arrangementer'}
+		</h3>
+	</button>
 </div>
 
 {#if showOutdatedEvents}
-  <div class="mt-4">
-    <ul class="mt-4 flex flex-col gap-4">
-      {#each data.outdatedEvents as event}
-        <li>
-          <EventPreview {event} />
-        </li>
-      {:else}
-        <p>Ingen tidligere arrangementer</p>
-      {/each}
-    </ul>
-  </div>
+	<div class="mt-4">
+		<ul class="mt-4 flex flex-col gap-4">
+			{#each data.outdatedEvents as event}
+				<li>
+					<EventPreview {event} />
+				</li>
+			{:else}
+				<p>Ingen tidligere arrangementer</p>
+			{/each}
+		</ul>
+	</div>
 {/if}