jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Fixed and added conditions to flows without chat

Browse source
This commit is contained in:
Lucas Oliveira 2023-07-10 16:42:41 -03:00
commit 7bfe0c88c1
2 changed files with 31 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/modals/formModal/chatInput/index.tsx
View file

@ -8,6 +8,7 @@ export default function ChatInput({
sendMessage,
setChatValue,
inputRef,
noInput,
}) {
useEffect(() => {
if (!lockChat && inputRef.current) {
@ -32,7 +33,7 @@ export default function ChatInput({
}}
rows={1}
ref={inputRef}
disabled={lockChat}
disabled={lockChat || noInput}
style={{
resize: "none",
bottom: `${inputRef?.current?.scrollHeight}px`,
@ -48,7 +49,7 @@ export default function ChatInput({
setChatValue(e.target.value);
}}
className={classNames(
lockChat
lockChat || noInput
? " form-modal-lock-true bg-input "
: " form-modal-lock-false",
"form-modal-lockchat"

63
src/frontend/src/modals/formModal/index.tsx
View file

@ -333,41 +333,35 @@ export default function FormModal({
}, [open]);
function sendMessage() {
if (chatValue !== "") {
let nodeValidationErrors = validateNodes(reactFlowInstance);
if (nodeValidationErrors.length === 0) {
setLockChat(true);
let inputs = tabsState[id.current].formKeysData.input_keys;
setChatValue("");
const message = inputs;
addChatHistory(
message,
true,
chatKey,
tabsState[flow.id].formKeysData.template
);
sendAll({
...reactFlowInstance.toObject(),
inputs: inputs,
chatHistory,
name: flow.name,
description: flow.description,
});
setTabsState((old) => {
let newTabsState = _.cloneDeep(old);
newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
return newTabsState;
});
} else {
setErrorData({
title: "Oops! Looks like you missed some required information:",
list: nodeValidationErrors,
});
}
let nodeValidationErrors = validateNodes(reactFlowInstance);
if (nodeValidationErrors.length === 0) {
setLockChat(true);
let inputs = tabsState[id.current].formKeysData.input_keys;
setChatValue("");
const message = inputs;
addChatHistory(
message,
true,
chatKey,
tabsState[flow.id].formKeysData.template
);
sendAll({
...reactFlowInstance.toObject(),
inputs: inputs,
chatHistory,
name: flow.name,
description: flow.description,
});
setTabsState((old) => {
if (!chatKey) return old;
let newTabsState = _.cloneDeep(old);
newTabsState[id.current].formKeysData.input_keys[chatKey] = "";
return newTabsState;
});
} else {
setErrorData({
title: "Error sending message",
list: ["The message cannot be empty."],
title: "Oops! Looks like you missed some required information:",
list: nodeValidationErrors,
});
}
}
@ -549,13 +543,12 @@ export default function FormModal({
<div className="langflow-chat-input">
<ChatInput
chatValue={chatValue}
noInput={!chatKey}
lockChat={lockChat}
sendMessage={sendMessage}
setChatValue={(value) => {
setChatValue(value);
setTabsState((old) => {
// chatKey is undefined when there are no chat input keys
if (!chatKey) return old;
let newTabsState = _.cloneDeep(old);
newTabsState[id.current].formKeysData.input_keys[
chatKey