fix: wait to show goal information until yearly data loads

[christian14b]

https://kiva.atlassian.net/browse/MP-2542

Found this weird state, while working on goal-setting (See video attached in ticket)

Add a loading state when goal data information (progress ring) is still fetching..

Screen.Recording.2026-03-02.at.10.25.50.AM.mov

[roger-in-kiva]

Is this only happening in /goal-setting page? Just wondering if could/should be added to this loading state:

ui/src/components/GoalSetting/GoalSettingContainer.vue

Line 14 in d4484dc

v-if="loading"

[christian14b]

Is this only happening in /goal-setting page? Just wondering if could/should be added to this loading state:

ui/src/components/GoalSetting/GoalSettingContainer.vue

Line 14 in d4484dc

v-if="loading"

Yes, in kiva card seems to be handled different. In Goal Settings, there is a loader for the goal options, but no for the ring progress. The issue happens because ProgressRing renders when userGoal is set but the yearly progress data is not yet completed

[roger-in-kiva]

Do we need some fix here?

ui/src/components/MyKiva/NextYearGoalCard.vue

Line 35 in d4484dc

<GoalProgressRing

[christian14b]

Do we need some fix here?

ui/src/components/MyKiva/NextYearGoalCard.vue

Line 35 in d4484dc

<GoalProgressRing

Is this the card in MyKiva? If so, the loading state works there because of the loading value. I validated the page with this changes.

In Goal Setting, there's no loading state for the progress ring while yearly data is still fetching

[christian14b]

Do we need some fix here?

ui/src/components/MyKiva/NextYearGoalCard.vue

Line 35 in d4484dc

<GoalProgressRing

Although, there's a bug ticket related to a missmatch in goal data between this card an goal setting. So it's probably related.

[dyersituations]

@christian14b there is indeed a bug ticket, but it's related to /goal-setting, so I think your new ticket is a duplicate. The bug was that /goal-setting showed the correct number, and it changed to an incorrect number after a few moments. It looks like this fix would actually hide the real issue, correct?

[christian14b]

@christian14b there is indeed a bug ticket, but it's related to /goal-setting, so I think your new ticket is a duplicate. The bug was that /goal-setting showed the correct number, and it changed to an incorrect number after a few moments. It looks like this fix would actually hide the real issue, correct?

Yes! But I thought I saw a ticket related to the goal target being different between this page and my kiva. Let me double check

[kiva-robot]

🎉 This PR is included in version 3.59.0-rc.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[kiva-robot]

🎉 This PR is included in version 3.59.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀