diff --git a/apps/ui/src/components/sidebar-header/index.tsx b/apps/ui/src/components/sidebar-header/index.tsx index 5b586c2a03..bb8ea2974a 100644 --- a/apps/ui/src/components/sidebar-header/index.tsx +++ b/apps/ui/src/components/sidebar-header/index.tsx @@ -3,6 +3,7 @@ import { __ } from '@wordpress/i18n'; import { comment, download, globe, plus } from '@wordpress/icons'; import { Icon, IconButton } from '@wordpress/ui'; import * as Menu from '@/components/menu'; +import { useConnector } from '@/data/core'; import { useTrafficLightSpace } from '@/hooks/use-traffic-light-space'; import { drawerIcon } from '@/lib/icons'; import styles from './style.module.css'; @@ -12,11 +13,16 @@ type Props = { }; export function SidebarHeader( { onToggleSidebar }: Props ) { + const connector = useConnector(); const reserveTrafficLightSpace = useTrafficLightSpace(); const navigate = useNavigate(); return (
- { __( 'Studio' ) } + { /* In a browser tab nothing else names the app, so the header carries a + small wordmark. In the desktop app the window chrome already does. */ } + { ! connector.capabilities.appWindow ? ( + { __( 'Studio' ) } + ) : null }