ExternalVendorCode/ChainForge
1
0
Fork 0
mirror of https://github.com/ianarawjo/ChainForge.git synced 2025-03-14 16:26:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add 'editable' prop to NodeLabel

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
chain-forge/src/NodeLabelComponent.js
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}
/>
</>);
}

2
chain-forge/src/ScriptNode.js
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>