Use overridden showFilePicker in "Save now" button too

Fixes oversight in previous commit
TurboWarp · Aug 1, 2024 · 3aaf328 · 3aaf328
1 parent 457b36f
commit 3aaf328
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 26 deletions.
diff --git a/src/components/menu-bar/menu-bar.jsx b/src/components/menu-bar/menu-bar.jsx
@@ -1026,7 +1026,9 @@ class MenuBar extends React.Component {
                 </div>
 
                 <div className={styles.accountInfoGroup}>
-                    <TWSaveStatus />
+                    <TWSaveStatus
+                        showSaveFilePicker={this.props.showSaveFilePicker}
+                    />
                 </div>
 
                 {aboutButton}

diff --git a/src/components/menu-bar/tw-save-status.jsx b/src/components/menu-bar/tw-save-status.jsx
@@ -11,42 +11,48 @@ import styles from './save-status.css';
 const TWSaveStatus = ({
     alertsList,
     fileHandle,
-    projectChanged
+    projectChanged,
+    showSaveFilePicker
 }) => (
     filterInlineAlerts(alertsList).length > 0 ? (
         <InlineMessages />
     ) : projectChanged && (
-        <SB3Downloader>{(_className, _downloadProjectCallback, {smartSave}) => (
-            <div
-                onClick={smartSave}
-                className={styles.saveNow}
-            >
-                {fileHandle ? (
-                    <FormattedMessage
-                        defaultMessage="Save as {file}"
-                        description="Menu bar item to save project to an existing file on the user's computer"
-                        id="tw.menuBar.saveAs"
-                        values={{
-                            file: fileHandle.name
-                        }}
-                    />
-                ) : (
-                    <FormattedMessage
-                        defaultMessage="Save to your computer"
-                        description="Menu bar item for downloading a project to your computer"
-                        id="gui.menuBar.downloadToComputer"
-                    />
-                )}
-            </div>
-        )}</SB3Downloader>
+        <SB3Downloader
+            showSaveFilePicker={showSaveFilePicker}
+        >
+            {(_className, _downloadProjectCallback, {smartSave}) => (
+                <div
+                    onClick={smartSave}
+                    className={styles.saveNow}
+                >
+                    {fileHandle ? (
+                        <FormattedMessage
+                            defaultMessage="Save as {file}"
+                            description="Menu bar item to save project to an existing file on the user's computer"
+                            id="tw.menuBar.saveAs"
+                            values={{
+                                file: fileHandle.name
+                            }}
+                        />
+                    ) : (
+                        <FormattedMessage
+                            defaultMessage="Save to your computer"
+                            description="Menu bar item for downloading a project to your computer"
+                            id="gui.menuBar.downloadToComputer"
+                        />
+                    )}
+                </div>
+            )}
+        </SB3Downloader>
     ));
 
 TWSaveStatus.propTypes = {
     alertsList: PropTypes.arrayOf(PropTypes.object),
     fileHandle: PropTypes.shape({
         name: PropTypes.string
     }),
-    projectChanged: PropTypes.bool
+    projectChanged: PropTypes.bool,
+    showSaveFilePicker: PropTypes.func
 };
 
 const mapStateToProps = state => ({