diff --git a/src/component-library/Pages/RSE/ListRSE.tsx b/src/component-library/Pages/RSE/ListRSE.tsx index 38ff6b4d9..1979c4e2c 100644 --- a/src/component-library/Pages/RSE/ListRSE.tsx +++ b/src/component-library/Pages/RSE/ListRSE.tsx @@ -18,6 +18,8 @@ import { TextInput } from "@/component-library/Input/TextInput"; import { useState } from "react"; import { Button } from "@/component-library/Button/Button"; +const defaultRSEQuery = "*"; + export const ListRSE = ( props: { comdom: UseComDOM @@ -25,7 +27,10 @@ export const ListRSE = ( } ) => { - const [rseSearchQuery, setRSESearchQuery] = useState("") + const [rseSearchQuery, setRSESearchQuery] = useState(defaultRSEQuery) + const setInputAsQuery = (searchPattern: string) => { + setRSESearchQuery(searchPattern !== '' ? searchPattern : defaultRSEQuery) + } const columnHelper = createColumnHelper() const tablecolumns = [ @@ -144,21 +149,22 @@ export const ListRSE = ( RSE Search Pattern { setRSESearchQuery(event.target.value) }} - onEnterkey={async (e: any) => { + onBlur={(event: any) => { setInputAsQuery(event.target.value) }} + onEnterkey={(e) => { e.preventDefault() - await props.setRSEQuery(e.target.value) - setRSESearchQuery(e.target.value) + setInputAsQuery(e.target.value) + props.setRSEQuery(rseSearchQuery) props.comdom.start() }} id="rse-search-pattern" + placeholder={defaultRSEQuery} />