alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(lock): Lock/unlock button at bottom

Browse Source
This commit is contained in:
Sebastián Alvarez
2020-05-11 13:55:44 -03:00
parent c3e8bfb34b
commit c0b80f2d89
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/plugins/Controls/index.tsx
+6 -6
View File
@@ -33,12 +33,6 @@ export default ({ style, className }: ControlProps) => {
...style, ...style,
}} }}
> >
<div
className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
onClick={() => setInteractive(!isInteractive)}
>
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
</div>
<div <div
className="react-flow__controls-button react-flow__controls-zoomin" className="react-flow__controls-button react-flow__controls-zoomin"
onClick={zoomIn} onClick={zoomIn}
@@ -57,6 +51,12 @@ export default ({ style, className }: ControlProps) => {
> >
<FitviewIcon /> <FitviewIcon />
</div> </div>
<div
className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
onClick={() => setInteractive(!isInteractive)}
>
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
</div>
</div> </div>
); );
}; };