TAL-93 - update member profiles to use member.availableForGigs

Author: vas3a

src/apps/profiles/src/member-profile/profile-header/OpenForGigs/OpenForGigs.tsx

@@ -1,9 +1,8 @@
-import { Dispatch, FC, SetStateAction, useEffect, useMemo, useState } from 'react'
+import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 import { useSearchParams } from 'react-router-dom'
-import { KeyedMutator } from 'swr'
 import classNames from 'classnames'
 
-import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } from '~/libs/core'
+import { UserProfile } from '~/libs/core'
 
 import { EditMemberPropertyBtn } from '../../../components'
 import { OpenForGigsModifyModal } from '../OpenForGigsModifyModal'
@@ -26,24 +25,15 @@ const OpenForGigs: FC<OpenForGigsProps> = (props: OpenForGigsProps) => {
     const [isEditMode, setIsEditMode]: [boolean, Dispatch<SetStateAction<boolean>>]
         = useState<boolean>(false)
 
+    const openForWork = props.profile.availableForGigs
+
     useEffect(() => {
         if (props.authProfile && editMode === profileEditModes.openForWork) {
             setIsEditMode(true)
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.authProfile])
 
-    const { data: memberPersonalizationTraits, mutate: mutateTraits }: {
-        data: UserTraits[] | undefined,
-        mutate: KeyedMutator<any>,
-    }
-        = useMemberTraits(props.profile.handle, { traitIds: UserTraitIds.personalization })
-
-    const openForWork: UserTrait | undefined
-        = useMemo(() => memberPersonalizationTraits?.[0]?.traits?.data?.find(
-            (trait: UserTrait) => trait.availableForGigs !== undefined,
-        ), [memberPersonalizationTraits])
-
     function handleModifyOpenForWorkClick(): void {
         setIsEditMode(true)
     }
@@ -55,16 +45,15 @@ const OpenForGigs: FC<OpenForGigsProps> = (props: OpenForGigsProps) => {
     function handleModifyOpenForWorkSave(): void {
         setTimeout(() => {
             setIsEditMode(false)
-            mutateTraits()
             props.refreshProfile(props.profile.handle)
             triggerSurvey()
         }, 1000)
     }
 
     return props.canEdit || openForWork ? (
         <div className={styles.container}>
-            <p className={classNames('body-main-bold', !openForWork?.availableForGigs ? styles.notOopenToWork : '')}>
-                {openForWork?.availableForGigs ? 'open to work' : 'not open to work'}
+            <p className={classNames('body-main-bold', !openForWork ? styles.notOopenToWork : '')}>
+                {openForWork ? 'open to work' : 'not open to work'}
             </p>
             {
                 props.canEdit && (
@@ -78,8 +67,7 @@ const OpenForGigs: FC<OpenForGigsProps> = (props: OpenForGigsProps) => {
                     <OpenForGigsModifyModal
                         onClose={handleModifyOpenForWorkClose}
                         onSave={handleModifyOpenForWorkSave}
-                        openForWork={openForWork?.availableForGigs || false}
-                        memberPersonalizationTraitsFullData={memberPersonalizationTraits?.[0]?.traits?.data}
+                        openForWork={openForWork ?? false}
                         profile={props.profile}
                     />
                 )

src/apps/profiles/src/member-profile/profile-header/OpenForGigsModifyModal/OpenForGigsModifyModal.tsx

@@ -1,23 +1,15 @@
 import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
-import { reject } from 'lodash'
 
 import { BaseModal, Button, InputText } from '~/libs/ui'
-import {
-    updateOrCreateMemberTraitsAsync,
-    UserProfile,
-    UserTrait,
-    UserTraitCategoryNames,
-    UserTraitIds,
-} from '~/libs/core'
+import { updateMemberProfileAsync, UserProfile } from '~/libs/core'
 
 import styles from './OpenForGigsModifyModal.module.scss'
 
 interface OpenForGigsModifyModalProps {
     onClose: () => void
     onSave: () => void
     openForWork: boolean
-    memberPersonalizationTraitsFullData: UserTrait[] | undefined
     profile: UserProfile
 }
 
@@ -35,24 +27,10 @@ const OpenForGigsModifyModal: FC<OpenForGigsModifyModalProps> = (props: OpenForG
     function handleOpenForWorkSave(): void {
         setIsSaving(true)
 
-        const updatedPersonalizationTraits: UserTrait[]
-            = reject(
-                props.memberPersonalizationTraitsFullData,
-                (trait: UserTrait) => trait.availableForGigs !== undefined,
-            )
-
-        updateOrCreateMemberTraitsAsync(props.profile.handle, [{
-            categoryName: UserTraitCategoryNames.personalization,
-            traitId: UserTraitIds.personalization,
-            traits: {
-                data: [
-                    ...(updatedPersonalizationTraits || []),
-                    {
-                        availableForGigs: openForWork,
-                    },
-                ],
-            },
-        }])
+        updateMemberProfileAsync(
+            props.profile.handle,
+            { availableForGigs: openForWork },
+        )
             .then(() => {
                 toast.success('Work availability updated successfully.', { position: toast.POSITION.BOTTOM_RIGHT })
                 props.onSave()

src/libs/core/lib/profile/modify-user-profile.model.ts

@@ -8,6 +8,7 @@ export interface UpdateProfileRequest {
         streetAddr2?: string
         zip?: string
     }>
+    availableForGigs?: boolean,
     competitionCountryCode?: string
     homeCountryCode?: string
     firstName?: string

src/libs/core/lib/profile/user-profile.model.ts

@@ -10,6 +10,7 @@ export interface UserProfile {
         streetAddr2?: string
         zip?: string
     }>
+    availableForGigs: boolean
     competitionCountryCode: string
     createdAt: number
     description: string