<SearchInput/> - return buttonCSSClassName

transloadit · Jun 14, 2024 · 563435a · 563435a
1 parent dea7e51
commit 563435a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/@uppy/provider-views/src/SearchInput.tsx b/packages/@uppy/provider-views/src/SearchInput.tsx
@@ -16,6 +16,7 @@ type Props = {
 
   showButton?: boolean
   buttonLabel?: string
+  buttonCSSClassName?: string
 }
 
 function SearchInput({
@@ -31,6 +32,7 @@ function SearchInput({
 
   showButton = false,
   buttonLabel = '',
+  buttonCSSClassName = '',
 }: Props) {
   const onInput = (e: ChangeEvent) => {
     setSearchString((e.target as HTMLInputElement).value)
@@ -108,7 +110,7 @@ function SearchInput({
       )}
       {showButton && (
         <button
-          className="uppy-u-reset uppy-c-btn uppy-c-btn-primary uppy-SearchProvider-searchButton"
+          className={`uppy-u-reset uppy-c-btn uppy-c-btn-primary ${buttonCSSClassName}`}
           type="submit"
           form={form.id}
         >

diff --git a/packages/@uppy/provider-views/src/SearchProviderView/SearchProviderView.tsx b/packages/@uppy/provider-views/src/SearchProviderView/SearchProviderView.tsx
@@ -299,6 +299,7 @@ export default class SearchProviderView<M extends Meta, B extends Body> {
           wrapperClassName="uppy-SearchProvider"
           inputClassName="uppy-c-textInput uppy-SearchProvider-input"
           showButton
+          buttonCSSClassName="uppy-SearchProvider-searchButton"
         />
       )
     }