Merge pull request #1102 from databuddy-analytics/izadoesdev/cta-labels-release

feat(dashboard): say Add your website instead of Create website

Author: izadoesdev

apps/dashboard/app/(main)/agent/_components/agent-no-websites.tsx

@@ -21,7 +21,7 @@ export function AgentNoWebsites() {
 				</p>
 			</div>
 			<Button asChild>
-				<Link href="/websites">Add a website</Link>
+				<Link href="/websites">Add your website</Link>
 			</Button>
 		</div>
 	);

apps/dashboard/app/(main)/home/page.tsx

@@ -146,7 +146,7 @@ export default function HomePage() {
 				</Button>
 				<Button onClick={() => setDialogOpen(true)} size="sm">
 					<PlusIcon className="size-4 shrink-0" />
-					Create website
+					Add website
 				</Button>
 			</TopBar.Actions>
 
@@ -184,7 +184,7 @@ export default function HomePage() {
 							</Button>
 						) : (
 							<Button onClick={() => setDialogOpen(true)} size="sm">
-								Add website
+								Add your website
 							</Button>
 						)}
 					</Card>
@@ -222,7 +222,12 @@ export default function HomePage() {
 					/>
 				</div>
 
-				<div className="space-y-4">
+				<div
+					className={cn(
+						"space-y-4",
+						!(isLoading || isError) && websites.length === 0 && "hidden"
+					)}
+				>
 					<div className="flex items-center justify-between">
 						<h2 className="font-semibold text-foreground text-sm">
 							Website snapshot
@@ -258,19 +263,6 @@ export default function HomePage() {
 						/>
 					)}
 
-					{!(isLoading || isError) && websites.length === 0 && (
-						<EmptyState
-							action={{
-								label: "Create your first website",
-								onClick: () => setDialogOpen(true),
-							}}
-							description="Start tracking your website analytics by adding your first website."
-							icon={<GlobeIcon />}
-							title="No websites yet"
-							variant="minimal"
-						/>
-					)}
-
 					{!(isLoading || isError) && websites.length > 0 && (
 						<div
 							aria-live="polite"

apps/dashboard/app/(main)/onboarding/_components/add-website.tsx

@@ -136,7 +136,7 @@ export function AddWebsite({
 				size="sm"
 				type="submit"
 			>
-				{pending ? "Creating…" : "Create website"}
+				{pending ? "Adding…" : "Add website"}
 			</Button>
 		</form>
 	);

apps/dashboard/app/(main)/organizations/components/business-context-editor.tsx

@@ -449,7 +449,7 @@ export function BusinessContextEditor({
 		if (!selectedWebsite) {
 			return (
 				<Button asChild size="sm" variant="secondary">
-					<Link href="/websites">Add a website</Link>
+					<Link href="/websites">Add your website</Link>
 				</Button>
 			);
 		}

apps/dashboard/app/(main)/organizations/components/workspace-websites-section.tsx

@@ -101,7 +101,7 @@ export function WorkspaceWebsitesSection({
 					variant="secondary"
 				>
 					<PlusIcon className="size-4 shrink-0" />
-					Create website
+					Add website
 				</Button>
 			</Card.Header>
 			<Card.Content className="p-0">
@@ -117,7 +117,7 @@ export function WorkspaceWebsitesSection({
 									variant="secondary"
 								>
 									<PlusIcon className="size-4 shrink-0" />
-									Create website
+									Add website
 								</Button>
 							}
 							description="Add your first website to start tracking analytics."

apps/dashboard/app/(main)/websites/[id]/page.tsx

@@ -33,7 +33,7 @@ export default function WebsiteDetailsPage() {
 				<EmptyState
 					action={
 						<Link href="/websites">
-							<Button size="sm">Back to Websites</Button>
+							<Button size="sm">Back to websites</Button>
 						</Link>
 					}
 					description="The website you are looking for does not exist or you do not have access."

apps/dashboard/app/(main)/websites/page.tsx

@@ -90,7 +90,7 @@ export default function WebsitesPage() {
 					size="sm"
 				>
 					<PlusIcon className="size-4" />
-					Create website
+					Add website
 				</Button>
 			</TopBar.Actions>
 
@@ -125,7 +125,7 @@ export default function WebsitesPage() {
 					websites.length === 0 && (
 						<EmptyState
 							action={{
-								label: "Create your first website",
+								label: "Add your website",
 								onClick: () => setDialogOpen(true),
 							}}
 							className="h-full"

apps/dashboard/components/website-dialog.tsx

@@ -143,7 +143,7 @@ export function WebsiteDialog({
 				<Dialog.Form onSubmit={form.handleSubmit(handleSubmit)}>
 					<Dialog.Header>
 						<Dialog.Title>
-							{isEditing ? "Edit website" : "Create website"}
+							{isEditing ? "Edit website" : "Add your website"}
 						</Dialog.Title>
 						<Dialog.Description>
 							{isEditing
@@ -204,7 +204,7 @@ export function WebsiteDialog({
 							loading={isPending}
 							type="submit"
 						>
-							{isEditing ? "Save changes" : "Create website"}
+							{isEditing ? "Save changes" : "Add website"}
 						</Button>
 					</Dialog.Footer>
 				</Dialog.Form>

apps/dashboard/test/e2e/specs/core/onboarding.spec.ts

@@ -31,7 +31,7 @@ test("sets up a fresh account from the onboarding checklist", {
 	await domain.fill(`https://www.onboard-${suffix}.local/pricing?utm=e2e`);
 	await expect(domain).toHaveValue(`onboard-${suffix}.local`);
 	await expect(page.getByRole("textbox", { name: "Name" })).toHaveValue(name);
-	await page.getByRole("button", { name: "Create website" }).click();
+	await page.getByRole("button", { name: "Add website" }).click();
 
 	await expect(
 		page.getByRole("heading", { name: `Set up ${name}` })

apps/dashboard/test/e2e/specs/core/website-setup.spec.ts

@@ -20,15 +20,13 @@ test("gates a new website behind setup until its first page view", {
 
 	await page.goto("/websites");
 	await expectDashboardReady(page);
-	await page
-		.getByRole("button", { exact: true, name: "Create website" })
-		.click();
-	const dialog = page.getByRole("dialog", { name: "Create website" });
+	await page.getByRole("button", { exact: true, name: "Add website" }).click();
+	const dialog = page.getByRole("dialog", { name: "Add your website" });
 	await dialog.getByRole("textbox", { name: "Name" }).fill(`Gate ${suffix}`);
 	await dialog
 		.getByRole("textbox", { name: "Domain" })
 		.fill(`gate-${suffix}.local`);
-	await dialog.getByRole("button", { name: "Create website" }).click();
+	await dialog.getByRole("button", { name: "Add website" }).click();
 
 	await expect(page).toHaveURL(WEBSITE_PATH_RE, { timeout: 15_000 });
 	const websiteId = idFromPath(page.url(), "websites");