feat(pdc-frontend): add id prop to SearchBar

frameless · Sep 12, 2023 · c0788fb · c0788fb
1 parent ca5d62a
commit c0788fb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/apps/pdc-frontend/src/components/SearchBar/index.tsx b/apps/pdc-frontend/src/components/SearchBar/index.tsx
@@ -88,6 +88,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({
           onChange={onChange}
           items={optimisticSearchValue.value}
           input={{
+            id: 'search-input',
             ariaLabel: inputAriaLabel,
             name: 'search',
             required: true,

diff --git a/apps/pdc-frontend/src/components/UtrechtSearchBar/index.tsx b/apps/pdc-frontend/src/components/UtrechtSearchBar/index.tsx
@@ -10,6 +10,7 @@ type InputTypes = {
   ariaLabel?: string;
   required?: boolean;
   spellCheck?: boolean;
+  id?: string;
 };
 
 type ButtonTypes = {
@@ -128,6 +129,7 @@ export const UtrechtSearchBar: React.FC<SearchBarProps> = ({
               {...getInputProps()}
               placeholder={input?.placeholder}
               required={input?.required}
+              id={input?.id}
               name={input?.name}
               type="search"
               aria-label={input?.ariaLabel}