diff --git a/frontend/src/component/feature/FeatureToggleList/ExportFlags.tsx b/frontend/src/component/feature/FeatureToggleList/ExportFlags.tsx
new file mode 100644
index 0000000000..758ed4f5a4
--- /dev/null
+++ b/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 (
+
+ {
+ onClick();
+ trackEvent('search-feature-buttons', {
+ props: {
+ action: 'export',
+ },
+ });
+ }}
+ size='small'
+ >
+
+
+
+ );
+};
diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx
index bbdf180216..02494a66ab 100644
--- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx
+++ b/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
- setShowExportDialog(true)}
- />
+ {flagsReleaseManagementUIEnabled ? (
+ setShowExportDialog(true)}
+ />
+ ) : (
+
+ setShowExportDialog(true)
+ }
+ />
+ )}
>
}
>