[ui][typeahead] add label defaultProp

apps/portal/src/components/questions/ContributeQuestionForm.tsx

@@ -84,7 +84,6 @@ export default function ContributeQuestionForm({
             name="company"
             render={({ field }) => (
               <CompaniesTypeahead
-                label="Company"
                 onSelect={({ id }) => {
                   field.onChange(id);
                 }}

apps/portal/src/components/shared/CompaniesTypeahead.tsx

@@ -8,9 +8,9 @@ type TypeaheadProps = ComponentProps<typeof Typeahead>;
 
 type Props = Omit<
   TypeaheadProps,
-  'noResultsMessage' | 'onQueryChange' | 'options' | 'query'
+  'label' | 'noResultsMessage' | 'onQueryChange' | 'options' | 'query'
 > &
-  Partial<Pick<TypeaheadProps, 'noResultsMessage'>> &
+  Partial<Pick<TypeaheadProps, 'label' | 'noResultsMessage'>> &
   (
     | Required<Pick<TypeaheadProps, 'onQueryChange' | 'query'>>
     | {
@@ -39,6 +39,7 @@ export default function CompaniesTypeahead({
   return (
     <Typeahead
       {...typeaheadProps}
+      label={typeaheadProps.label ?? 'Company'}
       noResultsMessage="No companies found"
       nullable={nullable}
       options={

apps/portal/src/pages/index.tsx

@@ -22,7 +22,6 @@ export default function HomePage() {
             Homepage
           </h1>
           <CompaniesTypeahead
-            label="Company"
             onSelect={(option) => setSelectedCompany(option)}
           />
           <pre>{JSON.stringify(selectedCompany, null, 2)}</pre>

apps/portal/src/pages/offers/index.tsx

@@ -46,7 +46,6 @@ export default function OffersHomePage() {
             <div className="ml-4">
               <CompaniesTypeahead
                 isLabelHidden={true}
-                label="Company"
                 placeholder="All companies"
                 onSelect={({ value }) => setCompanyFilter(value)}
               />