From 32ea5c779bafe1eb326dd26b525a609a9835fa31 Mon Sep 17 00:00:00 2001
From: Joey Wunderlich <jwunderl@users.noreply.github.com>
Date: Mon, 16 Sep 2024 10:03:16 -0700
Subject: [PATCH] show downloadmenuitems in cogwheel if headless (#10187)

---
 webapp/src/container.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/webapp/src/container.tsx b/webapp/src/container.tsx
index 8106f1ce11ec..b9805b72c87a 100644
--- a/webapp/src/container.tsx
+++ b/webapp/src/container.tsx
@@ -315,6 +315,8 @@ export class SettingsMenu extends data.Component<SettingsMenuProps, SettingsMenu
         const showCenterDivider = targetTheme.selectLanguage || targetTheme.highContrast || showGreenScreen || githubUser;
 
         const simCollapseText = headless ? lf("Toggle the File Explorer") : lf("Toggle the simulator");
+        const extMenuItems = pxt.commands.getDownloadMenuItems?.() || [];
+        const showDownloadMenuItems = headless && !!extMenuItems.length;
 
         return <sui.DropdownMenu role="menuitem" icon={'setting large'} title={lf("Settings")} className="item icon more-dropdown-menuitem" ref={ref => this.dropdown = ref}>
             {showHome && <sui.Item className="mobile only inherit" role="menuitem" icon="home" title={lf("Home")} text={lf("Home")} ariaLabel={lf("Home screen")} onClick={this.showExitAndSaveDialog} />}
@@ -329,6 +331,10 @@ export class SettingsMenu extends data.Component<SettingsMenuProps, SettingsMenu
             {!isController ? <sui.Item role="menuitem" icon="trash" text={lf("Delete Project")} onClick={this.removeProject} /> : undefined}
             {targetTheme.timeMachine ? <sui.Item role="menuitem" icon="history" text={lf("Version History")} onClick={this.showTurnBackTimeDialog} /> : undefined}
             {showSimCollapse ? <sui.Item role="menuitem" icon='toggle right' text={simCollapseText} onClick={this.toggleCollapse} /> : undefined}
+            {showDownloadMenuItems && <>
+                <div className="ui divider" />
+                {extMenuItems.map((props, index) => <sui.Item key={"ext" + index} role="menuitem" tabIndex={-1} {...props} />)}
+            </>}
             <div className="ui divider"></div>
             {targetTheme.selectLanguage ? <sui.Item icon='xicon globe' role="menuitem" text={lf("Language")} onClick={this.showLanguagePicker} /> : undefined}
             {targetTheme.highContrast ? <sui.Item role="menuitem" text={highContrast ? lf("High Contrast Off") : lf("High Contrast On")} onClick={this.toggleHighContrast} /> : undefined}