Update search handler types for talent-serach app

Author: vas3a

src/apps/talent-search/src/lib/utils/search-query.tsx

@@ -3,7 +3,9 @@ import { useSearchParams } from 'react-router-dom'
 
 import { UserSkill } from '~/libs/core'
 
-export const encodeUrlQuerySearch = (skills: UserSkill[]): string => (
+type PartialUserSkill = Pick<UserSkill, 'id'|'name'>
+
+export const encodeUrlQuerySearch = (skills: PartialUserSkill[]): string => (
     skills
         .map(s => `q=${encodeURIComponent(`${s.name}::${s.id}`)}`)
         .join('&')
@@ -18,13 +20,13 @@ export const parseUrlQuerySearch = (params: string[]): UserSkill[] => (
 
 export const useUrlQuerySearchParms = (paramName: string): [
     UserSkill[],
-    (s: UserSkill[]) => void
+    (s: PartialUserSkill[]) => void
 ] => {
     const [params, updateParams] = useSearchParams()
 
     const [skills, setSkills] = useState<UserSkill[]>([])
 
-    const handleUpdateSearch = useCallback((newSkills: UserSkill[]) => {
+    const handleUpdateSearch = useCallback((newSkills: PartialUserSkill[]) => {
         const searchParams = encodeUrlQuerySearch(newSkills)
         updateParams(`${searchParams}`)
     }, [updateParams])

src/apps/talent-search/src/routes/search-page/SearchPage.tsx

@@ -27,8 +27,8 @@ export const SearchPage: FC = () => {
         navigate(`${TALENT_SEARCH_PATHS.results}?${searchParams}`)
     }
 
-    function handleSelectSkillFilter(filter: UserSkill[]): void {
-        setSkillsFilter(filter)
+    function handleSelectSkillFilter(filter: Pick<UserSkill, 'id'|'name'>[]): void {
+        setSkillsFilter(filter as UserSkill[])
         searchInputRef.current?.focus()
     }
 
@@ -81,7 +81,7 @@ export const SearchPage: FC = () => {
                 <SearchInput
                     autoFocus
                     skills={skillsFilter}
-                    onChange={setSkillsFilter as any}
+                    onChange={handleSelectSkillFilter}
                     onSearch={navigateToResults}
                     inputRef={searchInputRef}
                 />

src/apps/talent-search/src/routes/search-results-page/SearchResultsPage.tsx

@@ -49,7 +49,7 @@ const SearchResultsPage: FC = () => {
                     <SearchInput
                         className={styles.searchInput}
                         skills={skills}
-                        onChange={setSkills as any}
+                        onChange={setSkills}
                     />
                 </ContentLayout>
             </div>