Subscribe button does not change to "Subscription Pending" until you refresh the page

[bonsairobo]

Requirements

• [X] This is a bug report, and if not, please post to https://lemmy.ml/c/lemmy_support instead.
• [X] Please check to see if this issue already exists.
• [X] It's a single bug. Do not report multiple bugs in one issue.
• [X] It's a frontend issue, not a backend issue; Otherwise please create an issue on the backend repo instead.

Summary

See title. I think this only applies to communities on other instances, or perhaps any community that requires confirmation of subscriptions. I can't reproduce this on most local communities (I'm on lemmy.ml), but I can reproduce on federated instances (e.g. kbin.social and beehaw.org).

Steps to Reproduce

1. Navigate to a community on another instance (e.g. https://lemmy.ml/c/news@beehaw.org)
2. Make sure you aren't already subscribed
3. Click the "Subscribe" button
4. Observe that nothing happens
5. Refresh the page and see the button changes to "Subscription Pending"

Technical Details

Firefox 114.0.1 on Manjaro Linux

Lemmy Instance Version

0.18.0

Lemmy Instance URL

https://lemmy.ml

[snaggen]

I saw this on 0.17 also. If I then clicked the button to subscribe, nothing happened. I then clicked another time, and then it got in to the subscribe pending state. However, it seemed to have been stuck in that state forever... so the second click seemed to have gotten my subscription request in some wierd state. Today, I went throught all my subscriptions in a bad state, clicked the "Subscription pending" button to reset, and then reload the page and clicked subscribe again (still nothing was shown, but now I just left) and that got my subscriptions in the expected state.