Merge pull request #721 from topcoder-platform/profiles-app

MP-190 notify uniNavi on member profile update -> dev

Author: kkartunov

src/apps/profiles/src/lib/helpers.ts

@@ -1,3 +1,10 @@
+import { UserProfile } from '~/libs/core'
+
+declare global {
+    interface Window { tcUniNav: any }
+}
+
+window.tcUniNav = window.tcUniNav || {}
 /**
  * Convert number to fixed digits string
  */
@@ -6,3 +13,11 @@ export function numberToFixed(value: number | string, digits: number = 2): strin
 
     return n ? n.toFixed(digits) : '0'
 }
+
+export function notifyUniNavi(profile: UserProfile): void {
+    if (window?.tcUniNav) {
+        window.tcUniNav('update', '*', {
+            user: { ...profile, photoUrl: profile.photoURL },
+        })
+    }
+}

src/apps/profiles/src/member-profile/about-me/AboutMe.tsx

@@ -7,6 +7,7 @@ import { useMemberTraits, UserProfile, UserTraitIds, UserTraits } from '~/libs/c
 
 import { EditMemberPropertyBtn, EmptySection } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
+import { notifyUniNavi } from '../../lib'
 
 import { ModifyAboutMeModal } from './ModifyAboutMeModal'
 import styles from './AboutMe.module.scss'
@@ -59,6 +60,7 @@ const AboutMe: FC<AboutMeProps> = (props: AboutMeProps) => {
             setIsEditMode(false)
             mutateTraits()
             props.refreshProfile(props.profile.handle)
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 

src/apps/profiles/src/member-profile/education-and-certifications/EducationAndCertifications.tsx

@@ -7,6 +7,7 @@ import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } fro
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
 import { EditMemberPropertyBtn, EmptySection } from '../../components'
 import { MemberTCAInfo } from '../tca-info'
+import { notifyUniNavi } from '../../lib'
 
 import { ModifyEducationModal } from './ModifyEducationModal'
 import { EducationCard } from './EducationCard'
@@ -54,6 +55,7 @@ const EducationAndCertifications: FC<EducationAndCertificationsProps> = (props:
         setTimeout(() => {
             setIsEditMode(false)
             mutateTraits()
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 

src/apps/profiles/src/member-profile/languages/MemberLanguages.tsx

@@ -6,6 +6,7 @@ import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } fro
 
 import { EditMemberPropertyBtn } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
+import { notifyUniNavi } from '../../lib'
 
 import { ModifyLanguagesModal } from './ModifyLanguagesModal'
 import { LanguageCard } from './LanguageCard'
@@ -53,6 +54,7 @@ const MemberLanguages: FC<MemberLanguagesProps> = (props: MemberLanguagesProps)
         setTimeout(() => {
             setIsEditMode(false)
             mutateTraits()
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 

src/apps/profiles/src/member-profile/links/MemberLinks.tsx

@@ -12,6 +12,7 @@ import {
 
 import { EditMemberPropertyBtn } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
+import { notifyUniNavi } from '../../lib'
 
 import { ModifyMemberLinksModal } from './ModifyMemberLinksModal'
 import { ReactComponent as GitHubLinkIcon } from './assets/github-link-icon.svg'
@@ -82,6 +83,7 @@ const MemberLinks: FC<MemberLinksProps> = (props: MemberLinksProps) => {
         setTimeout(() => {
             setIsEditMode(false)
             mutateTraits()
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 

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

@@ -14,6 +14,7 @@ import { Button, IconOutline } from '~/libs/ui'
 
 import { EditMemberPropertyBtn } from '../../components'
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
+import { notifyUniNavi } from '../../lib'
 
 import { OpenForGigs } from './OpenForGigs'
 import { ModifyMemberNameModal } from './ModifyMemberNameModal'
@@ -92,6 +93,7 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
         setTimeout(() => {
             setIsNameEditMode(false)
             props.refreshProfile(props.profile.handle)
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 
@@ -107,6 +109,7 @@ const ProfileHeader: FC<ProfileHeaderProps> = (props: ProfileHeaderProps) => {
         setTimeout(() => {
             setIsPhotoEditMode(false)
             props.refreshProfile(props.profile.handle)
+            notifyUniNavi(props.profile)
         }, 1000)
     }
 

src/apps/profiles/src/member-profile/work-expirence/WorkExpirence.tsx

@@ -5,6 +5,7 @@ import { KeyedMutator } from 'swr'
 import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } from '~/libs/core'
 
 import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config'
+import { notifyUniNavi } from '../../lib'
 import { EditMemberPropertyBtn, EmptySection } from '../../components'
 
 import { ModifyWorkExpirenceModal } from './ModifyWorkExpirenceModal'
@@ -53,6 +54,7 @@ const WorkExpirence: FC<WorkExpirenceProps> = (props: WorkExpirenceProps) => {
         setTimeout(() => {
             setIsEditMode(false)
             mutateTraits()
+            notifyUniNavi(props.profile)
         }, 1000)
     }