Add 'editable' prop to NodeLabel

This commit is contained in:
Ian Arawjo 2023-05-03 13:39:37 -04:00
parent ee5ff48f1f
commit 71f2d35314
2 changed files with 4 additions and 2 deletions

View File

@ -1,8 +1,9 @@
import { edit } from 'ace-builds';
import useStore from './store';
import { EditText } from 'react-edit-text';
import 'react-edit-text/dist/index.css';
export default function NodeLabel({ title, nodeId, icon, onEdit, onSave }) {
export default function NodeLabel({ title, nodeId, icon, onEdit, onSave, editable }) {
const setDataPropsForNode = useStore((state) => state.setDataPropsForNode);
const handleNodeLabelChange = (evt) => {
@ -23,6 +24,7 @@ export default function NodeLabel({ title, nodeId, icon, onEdit, onSave }) {
onEditMode={handleEnterEditMode}
onSave={handleNodeLabelChange}
inline={true}
readonly={editable !== undefined ? (!editable) : false}
/>
</>);
}

View File

@ -61,7 +61,7 @@ const ScriptNode = ({ data, id }) => {
return (
<div className="script-node">
<div className="node-header">
<NodeLabel title={data.title || 'Global Scripts'} nodeId={id} />
<NodeLabel title={data.title || 'Global Scripts'} nodeId={id} editable={false} />
</div>
<label htmlFor="num-generations" style={{fontSize: '10pt'}}>Enter folder paths for external modules you wish to import.</label> <br/><br/>
<div>