diff --git a/apps/mobile/src/features/home/HomeHeader.tsx b/apps/mobile/src/features/home/HomeHeader.tsx index 5dfe5ebc66a48503a653e56d361cb24cd94e6cb2..2dab3868e2cb730678970b23f4437a0fc84e98e4 100644 --- a/apps/mobile/src/features/home/HomeHeader.tsx +++ b/apps/mobile/src/features/home/HomeHeader.tsx @@ -19,13 +19,14 @@ export type { HomeHeaderEnvironment } from "./HomeHeader.types"; export function HomeHeader(props: HomeHeaderProps) { const navigation = useNavigation>(); - const { panes, togglePrimarySidebar } = useAdaptiveWorkspaceLayout(); + const { layout, panes, togglePrimarySidebar } = useAdaptiveWorkspaceLayout(); const usesNativeMailSearchToolbar = useNativeMailSearchToolbar(); const primaryColumn = use(NativePrimaryColumnContext); const sidebarHeader = Platform.OS === "ios" && primaryColumn !== null && (Platform.isPad || !usesNativeMailSearchToolbar); + const showsCompactCompose = Platform.OS === "ios" && Platform.isPad && !layout.usesSplitView; const searchBarRef = useRef(null); const focusAfterReveal = useRef(false); useEffect( @@ -59,20 +60,35 @@ export function HomeHeader(props: HomeHeaderProps) { return ( <> sidebarHeader - ? createSidebarHeaderItems({ - filterIcon: hasCustomListOptions - ? "line.3.horizontal.decrease.circle.fill" - : "line.3.horizontal.decrease.circle", - filterMenu, - onOpenSettings: props.onOpenSettings, - }) + ? [ + ...createSidebarHeaderItems({ + filterIcon: hasCustomListOptions + ? "line.3.horizontal.decrease.circle.fill" + : "line.3.horizontal.decrease.circle", + filterMenu, + onOpenSettings: props.onOpenSettings, + }), + ...(showsCompactCompose + ? [ + withNativeGlassHeaderItem({ + accessibilityLabel: "New task", + axisBehavior: "horizontalOnly", + icon: { name: "square.and.pencil", type: "sfSymbol" } as const, + identifier: "home-new-task", + label: "", + onPress: props.onStartNewTask, + type: "button", + }), + ] + : []), + ] : [ withNativeGlassHeaderItem({ accessibilityLabel: "Open settings",