Add "Delayed real-time counts" informative text on hover to the P&E Dashboard on the "Home" tab of a Program

[Ibom99]

Current Behavior:

Currently, there's no information letting users know that if their contribution counts aren't reflecting in real-time there's a timeframe for them to wait for and then the counts would sync with their activity.

Desired Behavior:

From the Home tab of a program under the “Last statistics update”, there should be text such as “Delayed real-time counts” and more text showing on hover.
INFORMATIVE TEXT = “While the counts are still 0 or not reflective of the activity level on this event, within 24 hours the activity level and reflected counts will sync.”

Additional context:

[Ibom99]

Hi @Aminehassou @ragesoss what file in the codebase can this be implemented?

[ragesoss]

@Ibom99 I think this is rendered in the component StatisticsUpdateInfo (statistics_update_info.jsx) and it uses functions in the file statistic_update_info_utils.js to generate the message.

[PR4NJ41]

Hi @ragesoss
I have raised PR, please review it.
Thank You!

[ragesoss]

@Ibom99 can you explain more about what problem this is trying to address? I think we can figure out a clearer set of messages, but I'm not sure exactly what situation this is for.

[Ibom99]

Okay sure, it's to notify users who have been actively contributing to a program, to not worry about the counts matching their current activity level immediately. That within 24 hours their activity counts and activity level will match.

[ragesoss]

Thanks @Ibom99! I think the best way to handle this would be to update the existing text (without making it longer) and/or updating the info displayed when a user clicks 'see more', rather than adding a separate line of text under the existing text. We have to watch out for making the UI any more complex than it already is. Could you propose an edit along those lines?