feat: improve tooltip language in public form header (#1334)

* feat: improve tooltip language in public form header

* fix form test

Author: 3mcd

core/app/components/pubs/PubEditor/SaveStatus.tsx

@@ -32,26 +32,26 @@ export const useSaveStatus = ({ defaultMessage }: { defaultMessage?: string }) =
 
 export const SaveStatus = ({ autosave }: { autosave?: boolean }) => {
 	const defaultMessage = autosave
-		? "Progress will be automatically saved"
+		? "Form will save every few seconds while editing"
 		: "Form will save when you click submit";
 	const status = useSaveStatus({ defaultMessage });
 
 	return (
 		<div className="flex items-center gap-2 text-sm font-normal text-muted-foreground">
 			<span>{status}</span>
-			{autosave ? (
-				<Tooltip>
-					<TooltipContent side="bottom" className="w-60 text-sm">
-						Bookmark this page to return to your saved progress anytime.
-					</TooltipContent>
-					<TooltipTrigger asChild>
-						<div>
-							<span className="sr-only">More info</span>
-							<CircleHelp size={16} />
-						</div>
-					</TooltipTrigger>
-				</Tooltip>
-			) : null}
+			<Tooltip>
+				<TooltipContent side="bottom" className="w-60 text-sm">
+					{autosave
+						? "Progress is automatically saved every few seconds while editing. Bookmark this page to return to your saved progress anytime."
+						: "Progress made on this form is not automatically saved. You will lose unsaved changes if you navigate away from this page."}
+				</TooltipContent>
+				<TooltipTrigger asChild>
+					<div>
+						<span className="sr-only">More info</span>
+						<CircleHelp size={16} />
+					</div>
+				</TooltipTrigger>
+			</Tooltip>
 		</div>
 	);
 };

core/playwright/externalFormInvite.spec.ts

@@ -251,7 +251,7 @@ test.describe("Inviting a new user to fill out a form", () => {
 		// Open a new page so that we're no longer logged in as admin
 		const newPage = await browser.newPage();
 		await newPage.goto(decodedUrl);
-		await newPage.getByText("Progress will be automatically saved").waitFor();
+		await newPage.getByText("Form will save every few seconds while editing").waitFor();
 
 		await newPage.getByLabel("Content").fill("LGTM");