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

12
src/plugins/Controls/index.tsx
View File

@@ -33,12 +33,6 @@ export default ({ style, className }: ControlProps) => {
...style,
}}
>
<div
className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
onClick={() => setInteractive(!isInteractive)}
>
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
</div>
<div
className="react-flow__controls-button react-flow__controls-zoomin"
onClick={zoomIn}
@@ -57,6 +51,12 @@ export default ({ style, className }: ControlProps) => {
>
<FitviewIcon />
</div>
<div
className={`react-flow__controls-button react-flow__controls-${isInteractive? 'unlocked' : 'locked' }`}
onClick={() => setInteractive(!isInteractive)}
>
{ isInteractive ? <UnlockIcon /> : <LockIcon /> }
</div>
</div>
);
};