Haoyue fix team code data on profile page

[oliviahyw]

Description

Related PRS (if any):

To test this frontend PR you need to checkout the #1194 backend PR.

Main changes explained:

• Changed the options in "Team Code" field on profile page to the active team code data from the weekly summary report page.
• Added team code to redux so that it can be accessed through the entire app.
• When the team code has been updated on the weekly summary report page, the according title on the profile page will display as red.
• Also added the error styling for the team code field.
  …

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to user profile → Add a New Title
6. verify the current team code
7. go to weekly summary report → modify the team code
8. go to user profile → verify the styling of title div and team code field in the edit modal

Screenshots or videos of changes:

Screen.Recording.2024-10-04.at.10.35.05.PM.mov

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	e9654c8
🔍 Latest deploy log	https://app.netlify.com/sites/highestgoodnetwork-dev/deploys/6778b0bc3f741a0008b5dc0a
😎 Deploy Preview	https://deploy-preview-2751--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Jingyii800]

After replacing the team code in weekly summary reports and back to the profile page. The edit button exists but when I want to update the team code, it displays "invalid team code error". Please check more details in my video.

bandicam.2024-10-11.23-46-27-568.mp4

bandicam.2024-10-11.23-43-40-636.mp4

[AshishNags]

Approving this PR, Functionality working as expected.

[VMD281]

Hi, I reviewed this PR and the alignment looks good! I have pasted the screenshots below:

[samarth9201]

Verified the functionality of the PR. LGTM!

[bhavya17prakash]

Verified the functionality is working as intended

[Rui-Liu-github]

Hi, I reviewed PR #2751. I pulled the latest version to my local and checked the fixed function. The function works as expected. I modified the team code from AB-XYZ to A-XYZ, then went to the profile. The styling of the title div and the team code field in the edit modal, appeared as red.

[zhiminV]

I have checked this function works as expected. I changed the team code from a-bbb to AbbAbb, it work after I changed and I back to the profile, the new team code also showed in the dropdown list.

[AshritaCherlapally]

I have tested this code, I have changed the team code from B-TES to B-tesss in the weekly summary report section. The code is updated successfully. But when i am trying to update the code in profile section, i cannot see the EDIT button to update the existing team code. But it is working fine when i am trying to create a new title with changed code B-tesss, i can see the changed code in the dropdown list.

[ajitp4292]

I have checked the functionality works as expected. I changed the team code from T-est to T-est1, it work after I changed and I back to the profile, the new team code also showed in the


list.

[sheetalmangate]

Could not test this PR locally. after checkout to branch "haoyue-team-code-data" its giving below error while starting a project.

[sheetalmangate]

Tested this PR locally. its is working as expected so approving it

[SupriyaSudini]

I have tested this PR and confirmed that the team code has been replaced. However, the edit button is missing in the profile section, and the replaced team code is visible when creating a new title.

[Muhideenthegreat]

Verification:

• Functionality works as expected, only active team codes are in yellow

[oliviahyw]

After replacing the team code in weekly summary reports and back to the profile page. The edit button exists but when I want to update the team code, it displays "invalid team code error". Please check more details in my video.

bandicam.2024-10-11.23-46-27-568.mp4
bandicam.2024-10-11.23-43-40-636.mp4

Hi @Jingyii800, I’ve tested this issue multiple times but haven’t been able to replicate the bug. Could you please clear your browser cache and double-check if the issue still persists? Let me know if you encounter it again. Thank you!