zoom to fit icon (#107)

This commit is contained in:
Michael Quigley 2022-12-22 13:21:06 -05:00
parent 8d81eee3b0
commit 988ef9bec3
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62

View File

@ -3,6 +3,8 @@ import {Button} from "react-bootstrap";
import Network from "./Network"; import Network from "./Network";
import {mergeGraph} from "./graph"; import {mergeGraph} from "./graph";
import {isSelectionGone, markSelected} from "./selection"; import {isSelectionGone, markSelected} from "./selection";
import {mdiFitToPageOutline} from "@mdi/js";
import Icon from "@mdi/react";
const Visualizer = (props) => { const Visualizer = (props) => {
const [networkGraph, setNetworkGraph] = useState({nodes: [], links: []}); const [networkGraph, setNetworkGraph] = useState({nodes: [], links: []});
@ -42,7 +44,7 @@ const Visualizer = (props) => {
setSelection={props.setSelection} setSelection={props.setSelection}
/> />
<div className={"visualizer-controls"}> <div className={"visualizer-controls"}>
<Button variant={"secondary"} size={"sm"} onClick={centerFocus}>Zoom to Fit</Button> <Button variant={"secondary"} size={"sm"} onClick={centerFocus} aria-label={"Zoom to Fit"}><Icon path={mdiFitToPageOutline} size={0.7}/></Button>
</div> </div>
</div> </div>
</div> </div>