Add tooltips to export buttons

This commit is contained in:
Pierre HUBERT 2023-08-26 08:07:32 +02:00
parent df7600f959
commit d3b1028fe4

View File

@ -1,7 +1,7 @@
import { mdiXml } from "@mdi/js";
import Icon from "@mdi/react";
import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
import { IconButton } from "@mui/material";
import { IconButton, Tooltip } from "@mui/material";
import f3, { f3Data } from "family-chart";
import { jsPDF } from "jspdf";
import React from "react";
@ -176,12 +176,16 @@ export function ComplexFamilyTree(p: {
return (
<div>
<div style={{ textAlign: "right" }}>
<IconButton onClick={exportPDF}>
<PictureAsPdfIcon />
</IconButton>
<IconButton onClick={exportSVG}>
<Icon path={mdiXml} size={1} />
</IconButton>
<Tooltip title="Exporter le graphique au format PDF">
<IconButton onClick={exportPDF}>
<PictureAsPdfIcon />
</IconButton>
</Tooltip>
<Tooltip title="Exporter le graphique au format SVG">
<IconButton onClick={exportSVG}>
<Icon path={mdiXml} size={1} />
</IconButton>
</Tooltip>
</div>
<div
style={{ width: "100%" }}