diff --git a/packages/ketcher-polymer-editor-react/src/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditor.tsx b/packages/ketcher-polymer-editor-react/src/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditor.tsx index 124eccff2f..0e21ec3f75 100644 --- a/packages/ketcher-polymer-editor-react/src/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditor.tsx +++ b/packages/ketcher-polymer-editor-react/src/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditor.tsx @@ -29,6 +29,7 @@ import { RnaBuilderPresetsItem, savePreset, selectActivePreset, + selectActiveRnaBuilderItem, selectIsEditMode, selectPresetFullName, selectPresets, @@ -53,6 +54,9 @@ export const RnaEditor = () => { const presets = useAppSelector(selectPresets); const isEditMode = useAppSelector(selectIsEditMode); const activePresetFullName = selectPresetFullName(activePreset); + const activeMonomerGroup = useAppSelector(selectActiveRnaBuilderItem); + const [, setPresetName] = useState(''); + const [editedPresetName, setEditedPresetName] = useState(false); const dispatch = useAppDispatch(); const hasPresets = presets.length !== 0; @@ -79,8 +83,24 @@ export const RnaEditor = () => { setExpanded(!expanded); }; - const changeName = (event: ChangeEvent) => { - dispatch(setActivePresetName(event.target.value)); + useEffect(() => { + if ( + activeMonomerGroup !== RnaBuilderPresetsItem.Presets && + !editedPresetName + ) { + setPresetName(activePresetFullName); + dispatch(setActivePresetName(activePresetFullName)); + console.log('presetname', activePresetFullName); + } + }, [activeMonomerGroup, activePresetFullName, editedPresetName]); + + const onChangeName = (event: ChangeEvent) => { + if (isEditMode) { + const newPresetName = event.target.value; + dispatch(setActivePresetName(newPresetName)); + setPresetName(newPresetName); + setEditedPresetName(newPresetName.trim() !== ''); + } }; const saveActivePreset = () => { @@ -142,7 +162,7 @@ export const RnaEditor = () => { { - if ( - activeMonomerGroup !== RnaBuilderPresetsItem.Presets && - !editedPresetName && - !presetName.trim() - ) { - setPresetName((currentPresetName) => { - const newName = activePresetFullName || currentPresetName; - dispatch(setActivePresetName(newName)); - return newName; - }); - } - }, [activeMonomerGroup, activePresetFullName, editedPresetName, presetName]); - - onChangeName = (event: ChangeEvent) => { - if (isEditMode) { - const newPresetName = event.target.value; - dispatch(setActivePresetName(newPresetName)); - setPresetName(newPresetName); - setEditedPresetName(newPresetName.trim() !== ''); - } - }; const scrollToActiveItemInLibrary = (selectedGroup) => { if (selectedGroup === RnaBuilderPresetsItem.Presets) { @@ -155,7 +127,7 @@ export const RnaEditorExpanded = ({ > {isEditMode ? (