|
|
import React from 'react';
|
|
|
import { Button, Tooltip } from '@mui/material';
|
|
|
import DownloadIcon from '@mui/icons-material/Download';
|
|
|
|
|
|
interface DownloadJsonButtonProps {
|
|
|
onClick: () => void;
|
|
|
disabled?: boolean;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export const DownloadJsonButton: React.FC<DownloadJsonButtonProps> = ({
|
|
|
onClick,
|
|
|
disabled = false,
|
|
|
}) => {
|
|
|
return (
|
|
|
<Tooltip
|
|
|
title={
|
|
|
disabled
|
|
|
? "No trace available"
|
|
|
: "Download trace as JSON"
|
|
|
}
|
|
|
>
|
|
|
<span>
|
|
|
<Button
|
|
|
variant="outlined"
|
|
|
size="small"
|
|
|
onClick={onClick}
|
|
|
disabled={disabled}
|
|
|
startIcon={<DownloadIcon sx={{ fontSize: '1.2rem' }} />}
|
|
|
sx={{
|
|
|
textTransform: 'none',
|
|
|
fontSize: '0.75rem',
|
|
|
fontWeight: 600,
|
|
|
borderRadius: 1,
|
|
|
px: 1.5,
|
|
|
py: 0.5,
|
|
|
borderColor: 'divider',
|
|
|
color: 'text.primary',
|
|
|
'&:hover': {
|
|
|
borderColor: 'primary.main',
|
|
|
backgroundColor: 'action.hover',
|
|
|
},
|
|
|
'&.Mui-disabled': {
|
|
|
borderColor: 'divider',
|
|
|
color: 'text.disabled',
|
|
|
},
|
|
|
}}
|
|
|
>
|
|
|
Download JSON Trace
|
|
|
</Button>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
);
|
|
|
};
|
|
|
|
