Add tooltips to export buttons
This commit is contained in:
parent
df7600f959
commit
d3b1028fe4
@ -1,7 +1,7 @@
|
|||||||
import { mdiXml } from "@mdi/js";
|
import { mdiXml } from "@mdi/js";
|
||||||
import Icon from "@mdi/react";
|
import Icon from "@mdi/react";
|
||||||
import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
|
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 f3, { f3Data } from "family-chart";
|
||||||
import { jsPDF } from "jspdf";
|
import { jsPDF } from "jspdf";
|
||||||
import React from "react";
|
import React from "react";
|
||||||
@ -176,12 +176,16 @@ export function ComplexFamilyTree(p: {
|
|||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div style={{ textAlign: "right" }}>
|
<div style={{ textAlign: "right" }}>
|
||||||
<IconButton onClick={exportPDF}>
|
<Tooltip title="Exporter le graphique au format PDF">
|
||||||
<PictureAsPdfIcon />
|
<IconButton onClick={exportPDF}>
|
||||||
</IconButton>
|
<PictureAsPdfIcon />
|
||||||
<IconButton onClick={exportSVG}>
|
</IconButton>
|
||||||
<Icon path={mdiXml} size={1} />
|
</Tooltip>
|
||||||
</IconButton>
|
<Tooltip title="Exporter le graphique au format SVG">
|
||||||
|
<IconButton onClick={exportSVG}>
|
||||||
|
<Icon path={mdiXml} size={1} />
|
||||||
|
</IconButton>
|
||||||
|
</Tooltip>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
style={{ width: "100%" }}
|
style={{ width: "100%" }}
|
||||||
|
Loading…
Reference in New Issue
Block a user