feat: export button in flags overview (#9715)

frontend/src/component/feature/FeatureToggleList/ExportFlags.tsx

@@ -0,0 +1,26 @@
+import { IconButton, Tooltip } from '@mui/material';
+import IosShare from '@mui/icons-material/IosShare';
+import type { FC } from 'react';
+import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
+
+export const ExportFlags: FC<{ onClick: () => void }> = ({ onClick }) => {
+    const { trackEvent } = usePlausibleTracker();
+
+    return (
+        <Tooltip title='Export flags' arrow>
+            <IconButton
+                onClick={() => {
+                    onClick();
+                    trackEvent('search-feature-buttons', {
+                        props: {
+                            action: 'export',
+                        },
+                    });
+                }}
+                size='small'
+            >
+                <IosShare />
+            </IconButton>
+        </Tooltip>
+    );
+};

frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx

@@ -31,6 +31,7 @@ import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
 import { useGlobalFeatureSearch } from './useGlobalFeatureSearch';
 import { LifecycleFilters } from './FeatureToggleFilters/LifecycleFilters';
 import { useUiFlag } from 'hooks/useUiFlag';
+import { ExportFlags } from './ExportFlags';
 
 export const featuresPlaceholder = Array(15).fill({
     name: 'Name of the feature',
@@ -289,9 +290,17 @@ export const FeatureToggleListTable: VFC = () => {
                             >
                                 View archive
                             </Link>
-                            <FeatureToggleListActions
+                            {flagsReleaseManagementUIEnabled ? (
-                                onExportClick={() => setShowExportDialog(true)}
+                                <ExportFlags
+                                    onClick={() => setShowExportDialog(true)}
                                 />
+                            ) : (
+                                <FeatureToggleListActions
+                                    onExportClick={() =>
+                                        setShowExportDialog(true)
+                                    }
+                                />
+                            )}
                         </>
                     }
                 >