Function ExportButton

frontend/src/lib/components/ExportButton/ExportButton.tsx:18–54

({ items, ...buttonProps }: ExportButtonProps)

}

export function ExportButton({ items, ...buttonProps }: ExportButtonProps): JSX.Element {
    return (
        <LemonButtonWithPopup
            status="stealth"
            data-attr="export-button"
            {...buttonProps}
            popup={{
                actionable: true,
                placement: 'right-start',
                closeParentPopupOnClickInside: true,
                overlay: (
                    <>
                        <h5>File type</h5>
                        <LemonDivider />
                        {items.map(({ title, ...triggerExportProps }, i) => {
                            const exportFormatExtension = triggerExportProps.export_format.split('/').pop()

                            return (
                                <LemonButton
                                    key={i}
                                    fullWidth
                                    status="stealth"
                                    onClick={() => triggerExport(triggerExportProps)}
                                    data-attr={`export-button-${exportFormatExtension}`}
                                >
                                    {title ? title : `.${exportFormatExtension}`}
                                </LemonButton>
                            )
                        })}
                    </>
                ),
            }}
        >
            Export
        </LemonButtonWithPopup>
    )
}