Fixed : User settings shows uuids instead of names as sync attributes #968

[vedfordev]

Notes :

Fixes #968

Presupposition :

For user, it become easy if we shows concpet value in sync attribute.

Tech Task :

1. Find related component ConceptSyncAttributeShow in user.js.
2. fetch answerconcept if conceptUUID is available.
3. Replaced uuid with name attribute.

Dev Test :

User with sync attribute:

1. checked with (http://localhost:6010/#/admin/user/699/show)
2. reloading the page.

User without sync attribute:

1. checked page is not breaking

Other Fixes:

As we can see there is no space between two skeleton of sync attribute. So I added margin

Result :

[vinayvenu]

1. Since you are depending on a props value, you should declare it in the dependencies - https://react.dev/reference/react/useEffect#examples-dependencies
2. valueMap is a generic name. Add something more meaningful. eg: conceptSyncAttributeValues

[vinayvenu]

Not sure of the purpose of the isMounted flag. How does it help?
Why do you catch an error and ignore it?

[vedfordev]

@vinayvenu

1. isMount flag is for handling unexpected behaviour of ui.
   https://react.dev/reference/react/useEffect#updating-state-based-on-previous-state-from-an-effect
2. can I remove catch statement ?

[vinayvenu]

@

@vinayvenu

1. isMount flag is for handling unexpected behaviour of ui.
   https://react.dev/reference/react/useEffect#updating-state-based-on-previous-state-from-an-effect

2. can I remove catch statement ?

Catch statement should be ignored only if you want to suppress the error. If not, then you should not do this at all.