fix: InputSelect only support lowercase alphabets #315

xobserve · Nov 4, 2023 · f502cff · f502cff
1 parent ce10c52
commit f502cff
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/ui/src/components/select/InputSelect.tsx b/ui/src/components/select/InputSelect.tsx
@@ -70,7 +70,7 @@ const InputSelect = ({ value,label, options, onChange, variant = "outline", cust
             return options
         }
 
-        return options.filter(o => (label !== null ? o.label :  o.value).toLowerCase().indexOf(q) >= 0)
+        return options.filter(o => (label !== null ? o.label :  o.value).toLowerCase().indexOf(q.toLowerCase()) >= 0)
     }, [options, query])
 
     const getBorderStyle = () => {
@@ -96,7 +96,7 @@ const InputSelect = ({ value,label, options, onChange, variant = "outline", cust
                     {/* <PopoverArrow /> */}
                     <PopoverBody p="0">
                         <Box>
-                            <Input px="2" py="2" value={query} onChange={e => { setQuery(e.currentTarget.value.toLowerCase());if (!entered) {setEntered(true)} }} ref={ref} size={size} variant="unstyled" className="bordered-bottom"  placeholder="input to search, press Enter to use current input" onKeyDown={e => {
+                            <Input px="2" py="2" value={query} onChange={e => { setQuery(e.currentTarget.value);if (!entered) {setEntered(true)} }} ref={ref} size={size} variant="unstyled" className="bordered-bottom"  placeholder="input to search, press Enter to use current input" onKeyDown={e => {
                                  if (enableInput &&  e.key === 'Enter') {
                                     onChange(query)
                                     onToggle()

diff --git a/ui/src/views/dashboard/plugins/built-in/datasource/datav/QueryEditor.tsx b/ui/src/views/dashboard/plugins/built-in/datasource/datav/QueryEditor.tsx
@@ -164,7 +164,17 @@ export const apiList = [{
     name: "getServiceOperations",
     desc: "get service operations",
     params: `{
-    "service": "datav"
+}`,
+    paramsDesc: [
+        ...domainParams,
+        ["service", "service name"]
+    ],
+    format: DataFormat.ValueList
+},
+{
+    name: "getServiceRootOperations",
+    desc: "get service root span operations",
+    params: `{
 }`,
     paramsDesc: [
         ...domainParams,