fix(ott-256): sport type filter fixes (#60)

src/features/Combobox/index.tsx

@@ -34,6 +34,7 @@ export const Combobox = <T extends Option>(props: Props<T>) => {
     openOnFocus,
     pattern,
     placeholder,
+    readOnly,
     required,
     title,
     withArrow,
@@ -77,6 +78,7 @@ export const Combobox = <T extends Option>(props: Props<T>) => {
           onBlur={onInputBlur}
           onKeyDown={onKeyDown}
           placeholder={placeholder}
+          readOnly={readOnly}
         />
         {!isEmpty(options) && (
           <ComboboxPopoverStyled>

src/features/Combobox/types.tsx

@@ -20,6 +20,7 @@ export type Props<T> = Pick<InputHTMLAttributes<HTMLInputElement>, (
   | 'pattern'
   | 'title'
   | 'placeholder'
+  | 'readOnly'
 )> & {
   customListStyles?: TCustomStyles,
   error?: string | null,

src/features/HeaderFilters/components/SportTypeFilter/index.tsx

@@ -21,6 +21,7 @@ export const SportTypeFilter = () => {
         onSelect={onSelect}
         openOnFocus
         withArrow
+        readOnly
       />
     </Wrapper>
   )

src/features/HeaderFilters/components/SportTypeFilter/styled.tsx

@@ -19,6 +19,7 @@ export const Wrapper = styled.div`
     margin-left: 0;
     overflow: hidden;
     font-size: 18px;
+    cursor: pointer;
 
     &[aria-expanded="true"] {
       ::placeholder {