Page MenuHomePhabricator

[web] Add `LoadingIndicator` to `ThreadSettingsGeneralTab` Save button
ClosedPublic

Authored by abosh on Jun 16 2022, 1:55 PM.
Tags
None
Referenced Files
F2125304: D4287.id.diff
Thu, Jun 27, 12:41 AM
Unknown Object (File)
Wed, Jun 26, 4:18 PM
Unknown Object (File)
Sun, Jun 23, 12:15 PM
Unknown Object (File)
Sat, Jun 22, 1:14 PM
Unknown Object (File)
Mon, Jun 17, 12:25 AM
Unknown Object (File)
May 27 2024, 11:51 AM
Unknown Object (File)
May 27 2024, 11:51 AM
Unknown Object (File)
May 14 2024, 7:21 AM
Subscribers

Details

Summary

Related Linear issue here. Adds a LoadingIndicator to the Save button in ThreadSettingsGeneralTab to indicate that a change is in progress. Depends on D4105 because of the renaming of inputDisabled to threadSettingsOperationInProgress.

Before:

After:

Test Plan

Tested on Chrome/Safari and works as expected. However, since localhost/comm is faster than prod, the change can be seen less quickly in the videos. However, this diff is very similar to D3605 which works fine on prod.

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

abosh edited the test plan for this revision. (Show Details)
web/modals/threads/settings/thread-settings-general-tab.css
32 ↗(On Diff #13546)

This is the current height of the Save button (technically it's 46.5px). This rule just ensures that when the content of the button changes (from 'Save' to the loading indicator) the button doesn't shrink or change its dimensions.

web/modals/threads/settings/thread-settings-general-tab.react.js
143–148 ↗(On Diff #13546)

I'm generally not a good person to put as a first pass reviewer. Take a look at the list of scenarios you should add me in here. Of course there's some flexibility here (eg. if I request something, or if the issue is very high-pri and you need somebody to take a look on the weekend or something) but basically there should be a good reason

(It can be helpful to explain why you're adding me to a review if it's not obvious)

(It can be helpful to explain why you're adding me to a review if it's not obvious)

Whoops! I think I accidentally added you as a reviewer for this diff. Thanks for resigning, your reasoning makes sense.

Looks great! Good thinking to re-use the LoadingIndicator we had from the LoginForm component.

I wonder if we want to close the settings dialog once the settings are saved? I think I'd prefer for it to be left open so I could make further changes if wanted.

Might be a better experience for the loading spinner to transition into a green button with a check mark and a message like "Settings saved." or something like that?

This revision is now accepted and ready to land.Jun 17 2022, 11:13 AM

I wonder if we want to close the settings dialog once the settings are saved? I think I'd prefer for it to be left open so I could make further changes if wanted.

Might be a better experience for the loading spinner to transition into a green button with a check mark and a message like "Settings saved." or something like that?

I agree with both of these assessments. Going to land this change (just the LoadingIndicator) and work on those other two changes as separate diffs themselves to increase modularity and make it easier to review.