From 56d1248a85b6cde9418f9c6660c20fec7481672b Mon Sep 17 00:00:00 2001
From: tobi <tobi.smethurst@protonmail.com>
Date: Mon, 23 Jun 2025 17:29:27 +0200
Subject: [PATCH] [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>
---
 .../settings/views/user/profile/profile.tsx      | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/web/source/settings/views/user/profile/profile.tsx b/web/source/settings/views/user/profile/profile.tsx
index 36e307193..69fcabd7c 100644
--- a/web/source/settings/views/user/profile/profile.tsx
+++ b/web/source/settings/views/user/profile/profile.tsx
@@ -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}