| | 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>
|
| | );
|
| | };
|
| |
|
