From cc58f64594ea62707618746cd80377e2e88e5bb0 Mon Sep 17 00:00:00 2001
From: Bragon <brage.sebastian.brevik@gmail.com>
Date: Wed, 18 Mar 2026 18:16:38 +0100
Subject: [PATCH 1/3] feat: add filterresults in the url

---
 .../EventsPage/components/EventsList/EventsList.tsx    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index dc4062d0c..9ec15cb76 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -1,6 +1,7 @@
 import { Icon } from '@iconify/react';
-import { type ReactNode, useState } from 'react';
+import { type ReactNode, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useSearchParams } from 'react-router-dom';
 import { Button, IconButton, InputField, Link, TimeDisplay } from '~/Components';
 import { eventQuery } from '~/Components/EventQuery/utils';
 import { ImageCard } from '~/Components/ImageCard';
@@ -22,7 +23,8 @@ type EventsListProps = {
 export function EventsList({ events }: EventsListProps) {
   const { t, i18n } = useTranslation();
   const [tableView, setTableView] = useState(false);
-  const [query, setQuery] = useState('');
+  const [searchParam, setSearchParam] = useSearchParams();
+  const [query, setQuery] = useState(searchParam.get('search') ?? '');
   const isDesktop = useDesktop();
 
   const eventColumns = [
@@ -99,6 +101,10 @@ export function EventsList({ events }: EventsListProps) {
     });
   }
 
+  useEffect(() => {
+    setSearchParam({ search: query });
+  }, [query, setSearchParam]);
+
   function getButton(title: string, icon: string, func: () => void, chosen: boolean) {
     return (
       <Button rounded={true} onClick={func} theme={chosen ? 'blue' : 'secondary'}>

From 7cb12a1db3e0f77720bf0a009a67d6887af6962a Mon Sep 17 00:00:00 2001
From: Bragon <brage.sebastian.brevik@gmail.com>
Date: Mon, 23 Mar 2026 22:31:01 +0100
Subject: [PATCH 2/3] fix: add null check and restructured to support more
 parameters

---
 .../EventsPage/components/EventsList/EventsList.tsx    | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index 9ec15cb76..0c852f5ac 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -102,7 +102,15 @@ export function EventsList({ events }: EventsListProps) {
   }
 
   useEffect(() => {
-    setSearchParam({ search: query });
+    setSearchParam((prev) => {
+      const next = new URLSearchParams(prev);
+      if (query) {
+        next.set('search', query);
+      } else {
+        next.delete('search');
+      }
+      return next;
+    });
   }, [query, setSearchParam]);
 
   function getButton(title: string, icon: string, func: () => void, chosen: boolean) {

From 07eb441fd2fd056f95d6933340ee311d971b53fc Mon Sep 17 00:00:00 2001
From: Bragon <brage.sebastian.brevik@gmail.com>
Date: Mon, 13 Apr 2026 15:32:17 +0200
Subject: [PATCH 3/3] refactor: change search to q in searchparams

---
 .../Pages/EventsPage/components/EventsList/EventsList.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index 0c852f5ac..6463ee1e4 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -24,7 +24,7 @@ export function EventsList({ events }: EventsListProps) {
   const { t, i18n } = useTranslation();
   const [tableView, setTableView] = useState(false);
   const [searchParam, setSearchParam] = useSearchParams();
-  const [query, setQuery] = useState(searchParam.get('search') ?? '');
+  const [query, setQuery] = useState(searchParam.get('q') ?? '');
   const isDesktop = useDesktop();
 
   const eventColumns = [
@@ -105,9 +105,9 @@ export function EventsList({ events }: EventsListProps) {
     setSearchParam((prev) => {
       const next = new URLSearchParams(prev);
       if (query) {
-        next.set('search', query);
+        next.set('q', query);
       } else {
-        next.delete('search');
+        next.delete('q');
       }
       return next;
     });