From 42fb46f56cc3d06552d2b0d3ff3f708c103ca916 Mon Sep 17 00:00:00 2001
From: Jack Kavanagh <jackkav@gmail.com>
Date: Fri, 27 Jan 2023 15:56:36 +0100
Subject: [PATCH] fix dropdown issue (#5734)

---
 .../ui/components/settings/import-export.tsx  | 61 +++++++++----------
 1 file changed, 30 insertions(+), 31 deletions(-)

diff --git a/packages/insomnia/src/ui/components/settings/import-export.tsx b/packages/insomnia/src/ui/components/settings/import-export.tsx
index fc919871e4..490da7b24f 100644
--- a/packages/insomnia/src/ui/components/settings/import-export.tsx
+++ b/packages/insomnia/src/ui/components/settings/import-export.tsx
@@ -17,6 +17,7 @@ import { Link } from '../base/link';
 import { AlertModal } from '../modals/alert-modal';
 import { ExportRequestsModal } from '../modals/export-requests-modal';
 import { showModal, showPrompt } from '../modals/index';
+import { Button } from '../themed-button';
 
 interface Props {
   hideSettingsModal: () => void;
@@ -103,38 +104,36 @@ export const ImportExport: FC<Props> = ({ hideSettingsModal }) => {
         Your format isn't supported? <Link href={docsImportExport}>Add Your Own</Link>.
       </p>
       <div className="pad-top">
-        <Dropdown
-          aria-label='Export Data Dropdown'
-          triggerButton={
-            <DropdownButton className="btn btn--clicky">
-              Export Data <i className="fa fa-caret-down" />
-            </DropdownButton>
-          }
-        >
-          <DropdownSection
-            aria-label="Choose Export Type"
-            title="Choose Export Type"
+        {activeWorkspace ?
+          (<Dropdown
+            aria-label='Export Data Dropdown'
+            triggerButton={
+              <DropdownButton className="btn btn--clicky">
+                Export Data <i className="fa fa-caret-down" />
+              </DropdownButton>
+            }
           >
-            <>
-              {activeWorkspace &&
-                <DropdownItem aria-label={`Export the "${activeWorkspaceName}" ${getWorkspaceLabel(activeWorkspace).singular}`}>
-                  <ItemContent
-                    icon="home"
-                    label={`Export the "${activeWorkspaceName}" ${getWorkspaceLabel(activeWorkspace).singular}`}
-                    onClick={showExportRequestsModal}
-                  />
-                </DropdownItem>
-              }
-            </>
-            <DropdownItem aria-label={`All ${strings.document.plural} and ${strings.collection.plural} from the "${projectName}" ${strings.project.singular}`}>
-              <ItemContent
-                icon="empty"
-                label={`All ${strings.document.plural} and ${strings.collection.plural} from the "${projectName}" ${strings.project.singular}`}
-                onClick={handleExportAllToFile}
-              />
-            </DropdownItem>
-          </DropdownSection>
-        </Dropdown>
+            <DropdownSection
+              aria-label="Choose Export Type"
+              title="Choose Export Type"
+            >
+              <DropdownItem aria-label={`Export the "${activeWorkspaceName}" ${getWorkspaceLabel(activeWorkspace).singular}`}>
+                <ItemContent
+                  icon="home"
+                  label={`Export the "${activeWorkspaceName}" ${getWorkspaceLabel(activeWorkspace).singular}`}
+                  onClick={showExportRequestsModal}
+                />
+              </DropdownItem>
+              <DropdownItem aria-label={`All ${strings.document.plural} and ${strings.collection.plural} from the "${projectName}" ${strings.project.singular}`}>
+                <ItemContent
+                  icon="empty"
+                  label={`All ${strings.document.plural} and ${strings.collection.plural} from the "${projectName}" ${strings.project.singular}`}
+                  onClick={handleExportAllToFile}
+                />
+              </DropdownItem>
+            </DropdownSection>
+          </Dropdown>) : (<Button onClick={handleExportAllToFile}>Export all</Button>)
+        }
         &nbsp;&nbsp;
         <Dropdown
           aria-label='Import Data Dropdown'