From 5e01a7f50f0ec9b2a5c1b738b0e3b99a3a1a5636 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Sat, 4 Jan 2025 13:29:19 +0100
Subject: [PATCH] NORY-45: fix search input value lost on reload

---
 dashboard/src/app/(inside)/user/page.tsx  | 5 ++++-
 dashboard/src/components/search-input.tsx | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/app/(inside)/user/page.tsx b/dashboard/src/app/(inside)/user/page.tsx
index c1acd7e..fe2d034 100644
--- a/dashboard/src/app/(inside)/user/page.tsx
+++ b/dashboard/src/app/(inside)/user/page.tsx
@@ -29,7 +29,10 @@ export default async function UserPage(
                 </p>
             </div>
             <div className="space-y-2">
-                <SearchInput queryParamKey="query" placeholder="Search for identifiers (Email, Username...)"/>
+                <SearchInput
+                    value={query}
+                    queryParamKey="query"
+                    placeholder="Search for identifiers (Email, Username...)"/>
                 <IdentityDataTable
                     data={initialData}
                     page={page}
diff --git a/dashboard/src/components/search-input.tsx b/dashboard/src/components/search-input.tsx
index fa6be17..600c566 100644
--- a/dashboard/src/components/search-input.tsx
+++ b/dashboard/src/components/search-input.tsx
@@ -5,13 +5,14 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import { ChangeEvent, HTMLInputTypeAttribute } from 'react';
 
 interface SearchInputProps {
+    value: string;
     placeholder: string;
     queryParamKey: string;
     type?: HTMLInputTypeAttribute;
     className?: string;
 }
 
-export function SearchInput({ placeholder, queryParamKey, type, className }: SearchInputProps) {
+export function SearchInput({ value, placeholder, queryParamKey, type, className }: SearchInputProps) {
 
     const router = useRouter();
     const params = useSearchParams();
@@ -32,6 +33,7 @@ export function SearchInput({ placeholder, queryParamKey, type, className }: Sea
 
     return (
         <Input
+            value={value}
             type={type ?? 'text'}
             placeholder={placeholder}
             className={className}