git checkout master -- static/app/views/issueDetails/groupDistributions/tagExportDropdown.tsx

Author: JoshuaKGoldberg

static/app/views/issueDetails/groupDistributions/tagExportDropdown.tsx

@@ -1,7 +1,9 @@
+import {useState} from 'react';
+
 import {Button} from '@sentry/scraps/button';
 
+import {ExportQueryType, useDataExport} from 'sentry/components/dataExport';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
-import {ExportQueryType, useDataExport} from 'sentry/components/useDataExport';
 import {IconDownload} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {Group} from 'sentry/types/group';
@@ -16,8 +18,9 @@ interface Props {
 }
 
 export function TagExportDropdown({tagKey, group, organization, project}: Props) {
+  const [isExportDisabled, setIsExportDisabled] = useState(false);
   const hasDiscoverQuery = organization.features.includes('discover-query');
-  const {isExportWorking, runExport} = useDataExport({
+  const handleDataExport = useDataExport({
     payload: {
       queryType: ExportQueryType.ISSUES_BY_TAG,
       queryInfo: {
@@ -54,11 +57,12 @@ export function TagExportDropdown({tagKey, group, organization, project}: Props)
         },
         {
           key: 'export-all',
-          label: isExportWorking ? t('Export in progress...') : t('Export All to CSV'),
+          label: isExportDisabled ? t('Export in progress...') : t('Export All to CSV'),
           onAction: () => {
-            void runExport();
+            handleDataExport();
+            setIsExportDisabled(true);
           },
-          disabled: isExportWorking || !hasDiscoverQuery,
+          disabled: isExportDisabled || !hasDiscoverQuery,
           tooltip: hasDiscoverQuery
             ? undefined
             : t('This feature is not available for your organization'),