hide extension import file button on platforms without file access

microsoft · Nov 19, 2024 · 3003140 · 3003140
1 parent 0ef98af
commit 3003140
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/webapp/src/extensionsBrowser.tsx b/webapp/src/extensionsBrowser.tsx
@@ -496,6 +496,7 @@ export const ExtensionsBrowser = (props: ExtensionsProps) => {
     }
 
     const categoryNames = getCategoryNames();
+    const showImportFile = pxt.BrowserUtils.hasFileAccess();
 
     return (
         <Modal
@@ -577,16 +578,18 @@ export const ExtensionsBrowser = (props: ExtensionsProps) => {
                                 }
                             </div>
                         }
-                        <div className="import-button">
-                            <Button
-                                ariaLabel={(lf("Open file from your computer"))}
-                                title={(lf("Import File"))}
-                                label={(lf("Import File"))}
-                                leftIcon="fas fa-upload"
-                                className="gray"
-                                onClick={importExtension}
-                            />
-                        </div>
+                        {showImportFile &&
+                            <div className="import-button">
+                                <Button
+                                    ariaLabel={(lf("Open file from your computer"))}
+                                    title={(lf("Import File"))}
+                                    label={(lf("Import File"))}
+                                    leftIcon="fas fa-upload"
+                                    className="gray"
+                                    onClick={importExtension}
+                                />
+                            </div>
+                        }
                     </div>
                     {displayMode == ExtensionView.Search &&
                         <>