Fix initial load issue

[micahmo]

Pull Request Description

This PR fixes an issue where there's not an easy way to retry loading the feed if it times out due to a network issue. Note that in addition to changing the ErrorMessage action from "Account Settings" to "Retry", I also made the action button disabled and show a spinner when it is pressed. I did this because the main page doesn't react to AuthStatus.loading, so there was no other indication that any action had been taken. I'm not sure exactly why that was, but I have a feeling it had something to do with the main page indicator and the feed page's indicator not quite aligning together, and most of the time only the latter is needed.

Review without whitespace.

Issue Being Fixed

Issue Number: #1283

Screenshots / Recordings

The demo shows first an unsuccessful retry attempt, and then a successful one.

qemu-system-x86_64_zTWK31Qo21.mp4

Checklist

• Did you update CHANGELOG.md?
• Did you use localized strings where applicable?
• Did you add semanticLabels where applicable for accessibility?

[hjiangsu]

changing the ErrorMessage action from "Account Settings" to "Retry"

I think this causes a regression where we can't switch to a different account if the current account's instance is down. See #769 and #770 for more details.

To prevent this, I think we can introduce two actions here: one to retry and one to switch accounts. Thoughts?

[micahmo]

Good call! I've made ErrorMessage more generic so it can take a list of actions. Let me know what you think!

qemu-system-x86_64_YoWBgRLugG.mp4

[hjiangsu]

I just have one small UI tweak - can we make it so that the buttons are in separate rows? Also, I think making one button the "primary" action and the other a "secondary" action would help with overall UI/UX!

For the primary/secondary, I'd suggest the following:

• Primary button uses the current look (elevated) - this can be the "Retry" option
• Secondary button uses a TextButton - this one can be the "Account Settings" option

[micahmo]

can we make it so that the buttons are in separate rows?

I actually tried this first and liked side-by-side better, but I'll put it back!

Secondary button uses a TextButton - this one can be the "Account Settings" option

Alright, I went ahead and pushed this. It looks like below. Is that ok?

[hjiangsu]

LGTM! Just double checking, this is ready to be merged?

[hjiangsu]

Interesting use of records!

[micahmo]

Yeah it's close to needing a class. 🫣

[micahmo]

this is ready to be merged?

If the last screenshot looks good to you, yes!