TSJR-14 - update calls to standardized skills api to send correct payload

Author: vas3a

src/libs/shared/lib/components/member-skill-editor/use-member-skill-editor.tsx

@@ -1,5 +1,5 @@
 import { ReactNode, useCallback, useContext, useEffect, useMemo, useState } from 'react'
-import { differenceWith } from 'lodash'
+import { differenceWith, pick } from 'lodash'
 
 import { profileContext, ProfileContextData, UserSkill } from '~/libs/core'
 
@@ -45,13 +45,15 @@ export const useMemberSkillEditor = ({
             return
         }
 
+        const skillIds = skills.map(skill => pick(skill, 'id'))
+
         if (!isInitialized) {
-            await createMemberSkills(profile.userId, skills)
+            await createMemberSkills(profile.userId, skillIds)
             setIsInitialized(true)
             return
         }
 
-        await updateMemberSkills(profile.userId, skills)
+        await updateMemberSkills(profile.userId, skillIds)
     }, [isInitialized, profile?.userId, skills])
 
     // Handle user changes

src/libs/shared/lib/services/standard-skills/standard-skills.service.ts

@@ -3,6 +3,11 @@ import { UserSkill, xhrGetAsync, xhrPostAsync, xhrPutAsync } from '~/libs/core'
 
 const baseUrl = `${EnvironmentConfig.API.V5}/standardized-skills`
 
+export interface UpdateUserSkillDTO {
+    id: string
+    levelId?: string
+}
+
 export async function autoCompleteSkills(queryTerm: string): Promise<UserSkill[]> {
     if (!queryTerm) {
         return Promise.resolve([])
@@ -23,13 +28,16 @@ export async function fetchMemberSkills(
     return xhrGetAsync(url)
 }
 
-export async function createMemberSkills(userId: number, skills: UserSkill[]): Promise<void> {
+export async function createMemberSkills(userId: number, skills: UpdateUserSkillDTO[]): Promise<void> {
     return xhrPostAsync(`${baseUrl}/user-skills/${userId}`, {
         skills,
     })
 }
 
-export async function updateMemberSkills(userId: string | number, skills: UserSkill[]): Promise<void> {
+export async function updateMemberSkills(
+    userId: string | number,
+    skills: UpdateUserSkillDTO[],
+): Promise<void> {
     return xhrPutAsync(`${baseUrl}/user-skills/${userId}`, {
         skills,
     })