[client] Use menu bar wording on macOS welcome screen

The post-install welcome step said "Look for NetBird in your tray" on
every OS, but macOS has no system tray — the icon lives in the menu
bar. Add macOS variants of the two strings (welcome.titleMac,
welcome.descriptionMac, following the interfaceName.errorMac key
convention) to all nine locale bundles and pick them via isMacOS(),
which the component already uses to choose the screenshot.

NET-1411

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Eduard Gert
2026-07-17 09:36:53 +02:00
co-authored by Claude Fable 5
parent d15830a2d0
commit 3cb901f41b
10 changed files with 63 additions and 4 deletions
@@ -22,6 +22,9 @@ type WelcomeStepTrayProps = {
export function WelcomeStepTray({ onContinue }: Readonly<WelcomeStepTrayProps>) {
const { t } = useTranslation();
const trayScreenshot = trayScreenshotForOS();
// macOS has no tray — the icon sits in the menu bar, so the copy says so.
const titleKey = isMacOS() ? "welcome.titleMac" : "welcome.title";
const descriptionKey = isMacOS() ? "welcome.descriptionMac" : "welcome.description";
return (
<>
@@ -36,9 +39,9 @@ export function WelcomeStepTray({ onContinue }: Readonly<WelcomeStepTrayProps>)
<div className={"flex w-full flex-col gap-1"}>
<DialogHeading id={"nb-welcome-title"} align={"left"}>
{t("welcome.title")}
{t(titleKey)}
</DialogHeading>
<DialogDescription align={"left"}>{t("welcome.description")}</DialogDescription>
<DialogDescription align={"left"}>{t(descriptionKey)}</DialogDescription>
</div>
<DialogActions>