[chore] Add info and reminder to save changes at the top of profile settings page (#4289)

Adds a little message at the top of the profile settings page to remind folks to click save after changing things.

Related to https://codeberg.org/superseriousbusiness/gotosocial/issues/4281

Reviewed-on: https://codeberg.org/superseriousbusiness/gotosocial/pulls/4289
Co-authored-by: tobi <tobi.smethurst@protonmail.com>
Co-committed-by: tobi <tobi.smethurst@protonmail.com>
This commit is contained in:
tobi 2025-06-23 17:29:27 +02:00 committed by tobi
commit 56d1248a85

View file

@ -139,7 +139,21 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
return (
<form className="user-profile" onSubmit={submitForm}>
<h1>Profile</h1>
<div className="form-section-docs">
<h1>Profile</h1>
<p>
On this page you can change various settings relating to the appearance and discoverability of your profile and posts.
<br/>After changing settings and/or uploading a new avatar or header, be sure to scroll to the bottom of this page and click "Save profile info" to confirm your changes.
</p>
<a
href="https://docs.gotosocial.org/en/latest/user_guide/settings/#profile"
target="_blank"
className="docslink"
rel="noreferrer"
>
Learn more about this settings page (opens in a new tab)
</a>
</div>
<div className="overview">
<FakeProfile
avatar={form.avatar.previewValue ?? profile.avatar}