chore(react-components): show "search value" in Autocomplete create b…

…utton
PeculiarVentures · Sep 10, 2024 · fa5994a · fa5994a
1 parent ccc6b30
commit fa5994a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/react-components/src/Autocomplete/autocomplete.tsx b/packages/react-components/src/Autocomplete/autocomplete.tsx
@@ -590,7 +590,7 @@ Multiple extends boolean | undefined = false,
               })}
           </AutocompleteDropdownList>
         )}
-        {allowCreateOption && !loading && (
+        {(allowCreateOption && searchValue.length > 0 && !loading) && (
           <Box
             borderColor="gray-3"
             borderPosition="top"
@@ -603,7 +603,7 @@ Multiple extends boolean | undefined = false,
               onClick={handleCreate}
               startIcon={<PlusIcon />}
             >
-              {createOptionText}
+              {createOptionText.replace('{{value}}', searchValue)}
             </AutocompleteCreateNewButton>
           </Box>
         )}
@@ -621,6 +621,6 @@ Autocomplete.defaultProps = {
   limitTags: 2,
   required: false,
   allowCreateOption: false,
-  createOptionText: 'Create new',
+  createOptionText: 'Create "{{value}}"',
   size: 'medium',
 };