@@ -18,14 +18,19 @@ import { TextInput } from "@/component-library/Input/TextInput";
18
18
import { useState } from "react" ;
19
19
import { Button } from "@/component-library/Button/Button" ;
20
20
21
+ const defaultRSEQuery = "*" ;
22
+
21
23
export const ListRSE = (
22
24
props : {
23
25
comdom : UseComDOM < RSEViewModel >
24
26
setRSEQuery : ( rseExpression : string ) => void
25
27
}
26
28
) => {
27
29
28
- const [ rseSearchQuery , setRSESearchQuery ] = useState < string > ( "" )
30
+ const [ rseSearchQuery , setRSESearchQuery ] = useState < string > ( defaultRSEQuery )
31
+ const setInputAsQuery = ( searchPattern : string ) => {
32
+ setRSESearchQuery ( searchPattern !== '' ? searchPattern : defaultRSEQuery )
33
+ }
29
34
30
35
const columnHelper = createColumnHelper < RSEViewModel > ( )
31
36
const tablecolumns = [
@@ -144,21 +149,22 @@ export const ListRSE = (
144
149
RSE Search Pattern
145
150
</ label >
146
151
< TextInput
147
- onBlur = { ( event : any ) => { setRSESearchQuery ( event . target . value ) } }
148
- onEnterkey = { async ( e : any ) => {
152
+ onBlur = { ( event : any ) => { setInputAsQuery ( event . target . value ) } }
153
+ onEnterkey = { ( e ) => {
149
154
e . preventDefault ( )
150
- await props . setRSEQuery ( e . target . value )
151
- setRSESearchQuery ( e . target . value )
155
+ setInputAsQuery ( e . target . value )
156
+ props . setRSEQuery ( rseSearchQuery )
152
157
props . comdom . start ( )
153
158
} }
154
159
id = "rse-search-pattern"
160
+ placeholder = { defaultRSEQuery }
155
161
/>
156
162
< Button
157
163
type = "button"
158
164
label = "Search"
159
- onClick = { async ( e : any ) => {
165
+ onClick = { ( e : any ) => {
160
166
e . preventDefault ( )
161
- await props . setRSEQuery ( rseSearchQuery )
167
+ props . setRSEQuery ( rseSearchQuery )
162
168
props . comdom . start ( )
163
169
} }
164
170
className = { twMerge (
0 commit comments