1
1
import React , { useState , useEffect } from "react" ;
2
- import { Autocomplete , Button } from "@mantine/core" ;
2
+ import { Autocomplete } from "@mantine/core" ;
3
3
import "@/css/SchemaSearch.css" ;
4
4
5
5
interface SchemaSearch {
@@ -9,29 +9,32 @@ interface SchemaSearch {
9
9
10
10
const SchemaSearch : React . FC < SchemaSearch > = ( { schemas, clear } ) => {
11
11
const [ value , setValue ] = useState < string > ( "" ) ;
12
- const [ selectedSchema , setSelected ] = useState < string [ ] > ( [ ] ) ;
12
+ // const [selectedSchema, setSelected] = useState<string[]>([]);
13
13
14
14
const filteredSchemas = schemas . filter ( ( schema ) =>
15
15
schema . toLowerCase ( ) . includes ( value . toLowerCase ( ) ) ,
16
16
) ;
17
-
17
+ {
18
+ /*
18
19
const addSchema = (newSchema: string) => {
19
20
if (!selectedSchema.includes(newSchema)) {
20
21
setSelected([...selectedSchema, newSchema]);
21
22
} else {
22
23
alert("Schema already selected!");
23
24
}
24
25
};
26
+ */
27
+ }
25
28
26
29
const clearSchema = ( ) => {
27
- setSelected ( [ ] ) ;
30
+ // setSelected([]);
28
31
setValue ( "" ) ;
29
32
} ;
30
33
31
34
const handleKeyDown = ( event : React . KeyboardEvent < HTMLInputElement > ) => {
32
35
if ( event . key === "Enter" && filteredSchemas . length > 0 ) {
33
36
setValue ( filteredSchemas [ 0 ] ) ;
34
- addSchema ( filteredSchemas [ 0 ] ) ;
37
+ // addSchema(filteredSchemas[0]);
35
38
}
36
39
} ;
37
40
@@ -50,6 +53,7 @@ const SchemaSearch: React.FC<SchemaSearch> = ({ schemas, clear }) => {
50
53
onKeyDown = { handleKeyDown }
51
54
/>
52
55
< br />
56
+ { /*
53
57
{selectedSchema.length > 0 && (
54
58
<div>
55
59
<label>Selected Schema</label>
@@ -58,11 +62,10 @@ const SchemaSearch: React.FC<SchemaSearch> = ({ schemas, clear }) => {
58
62
<li key={index}>{str}</li>
59
63
))}
60
64
</ul>
61
- < Button className = "cancel-button" onClick = { clearSchema } >
62
- Cancel
63
- </ Button >
65
+
64
66
</div>
65
67
)}
68
+ */ }
66
69
</ div >
67
70
) ;
68
71
} ;
0 commit comments