Portal: add 'Open in browser' CTA to the welcome hero (#6944)

## Screenshots

<img width="2522" height="1322" alt="image"
src="https://github.com/user-attachments/assets/010e2dce-00ae-4c7f-8ec8-7e6519beb4cd"
/>
This commit is contained in:
ConnorYoh
2026-07-09 14:47:37 +00:00
committed by GitHub
parent 01751bf2f0
commit 22e8a82fa1
2 changed files with 13 additions and 1 deletions
@@ -7962,6 +7962,7 @@ ariaLabel = "Welcome to Stirling PDF"
badge = "Open-source"
installEditor = "Install the Editor"
inviteTeammates = "Invite teammates"
openInBrowser = "Open in browser"
perks = "Free forever · Self-hostable"
subtitle = "The world's most secure PDF Editor is free for teams of all sizes. Includes 60+ PDF operations and SSO."
title = "Welcome to"
@@ -2,10 +2,12 @@ import type { ReactNode } from "react";
import { useTranslation } from "react-i18next";
import { Button } from "@app/ui";
import { useView } from "@portal/contexts/ViewContext";
import { EDITOR_URL } from "@portal/auth/editorUrl";
import {
DownloadIcon,
UsersIcon,
EditorIcon,
ExternalLinkIcon,
SearchIcon,
SourcesIcon,
PoliciesIcon,
@@ -156,13 +158,22 @@ export function WelcomeBanner({ footer }: WelcomeBannerProps) {
<div className="portal-welcome__cta">
<Button
variant="primary"
leftSection={<ExternalLinkIcon size={15} />}
onClick={() => {
window.location.href = EDITOR_URL;
}}
>
{t("portal.welcome.openInBrowser")}
</Button>
<Button
variant="secondary"
leftSection={<DownloadIcon size={15} />}
onClick={() => setActiveView("editor")}
>
{t("portal.welcome.installEditor")}
</Button>
<Button
variant="secondary"
variant="tertiary"
leftSection={<UsersIcon size={15} />}
onClick={() => setActiveView("users")}
>