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

formatting

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-07-10 13:58:48 -03:00
commit c9fd97f1f6
9 changed files with 130 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

101
src/frontend/src/components/codeAreaComponent/index.tsx
View file

@ -27,60 +27,59 @@ export default function CodeAreaComponent({
useEffect(() => {
setMyValue(typeof value == "string" ? value : JSON.stringify(value));
}, [value]);
return (
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<span
onClick={() => {
openPopUp(
<CodeAreaModal
value={myValue}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
/>
);
}}
className={
editNode
? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") +
" input-primary input-dialog"
}
>
{myValue !== "" ? myValue : "Type something..."}
</span>
<button
onClick={() => {
openPopUp(
<CodeAreaModal
setNodeClass={setNodeClass}
value={myValue}
nodeClass={nodeClass}
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
/>
);
}}
>
{!editNode && (
<ExternalLink
strokeWidth={1.5}
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<span
onClick={() => {
openPopUp(
<CodeAreaModal
value={myValue}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
/>
)}
</button>
</div>
);
}}
className={
editNode
? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") +
" input-dialog input-primary"
}
>
{myValue !== "" ? myValue : "Type something..."}
</span>
<button
onClick={() => {
openPopUp(
<CodeAreaModal
setNodeClass={setNodeClass}
value={myValue}
nodeClass={nodeClass}
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
/>
);
}}
>
{!editNode && (
<ExternalLink
strokeWidth={1.5}
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
/>
)}
</button>
</div>
</div>
);
}

4
src/frontend/src/components/inputFileComponent/index.tsx
View file

@ -99,7 +99,9 @@ export default function InputFileComponent({
className={
editNode
? "input-edit-node input-dialog text-muted-foreground"
: (disabled ? "input-disable input-primary input-dialog" : "input-primary input-dialog text-muted-foreground")
: disabled
? "input-disable input-dialog input-primary"
: "input-dialog input-primary text-muted-foreground"
}
>
{myValue !== "" ? myValue : "No file"}

114
src/frontend/src/components/promptComponent/index.tsx
View file

@ -47,64 +47,64 @@ export default function PromptAreaComponent({
}, [reactFlowInstance, field_name, myValue, nodeClass, setNodeClass]);
return (
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<span
onClick={() => {
openPopUp(
<GenericModal
type={TypeModal.PROMPT}
value={myValue}
buttonText="Check & Save"
modalTitle="Edit Prompt"
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
/>
);
}}
className={
editNode
? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") +
" input-primary input-dialog"
}
>
{myValue !== "" ? myValue : "Type your prompt here"}
</span>
<button
onClick={() => {
openPopUp(
<GenericModal
field_name={field_name}
type={TypeModal.PROMPT}
value={myValue}
buttonText="Check & Save"
modalTitle="Edit Prompt"
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
/>
);
}}
>
{!editNode && (
<ExternalLink
strokeWidth={1.5}
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<span
onClick={() => {
openPopUp(
<GenericModal
type={TypeModal.PROMPT}
value={myValue}
buttonText="Check & Save"
modalTitle="Edit Prompt"
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
/>
)}
</button>
</div>
);
}}
className={
editNode
? "input-edit-node input-dialog"
: (disabled ? " input-disable " : "") +
" input-dialog input-primary"
}
>
{myValue !== "" ? myValue : "Type your prompt here"}
</span>
<button
onClick={() => {
openPopUp(
<GenericModal
field_name={field_name}
type={TypeModal.PROMPT}
value={myValue}
buttonText="Check & Save"
modalTitle="Edit Prompt"
setValue={(t: string) => {
setMyValue(t);
onChange(t);
}}
nodeClass={nodeClass}
setNodeClass={setNodeClass}
/>
);
}}
>
{!editNode && (
<ExternalLink
strokeWidth={1.5}
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
/>
)}
</button>
</div>
</div>
);
}

5
src/frontend/src/components/textAreaComponent/index.tsx
View file

@ -27,8 +27,8 @@ export default function TextAreaComponent({
}, [closePopUp]);
return (
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<div className={disabled ? "pointer-events-none w-full " : " w-full"}>
<div className="flex w-full items-center">
<input
value={myValue}
className={
@ -41,7 +41,6 @@ export default function TextAreaComponent({
setMyValue(e.target.value);
onChange(e.target.value);
}}
/>
<button

2
src/frontend/src/modals/ApiModal/index.tsx
View file

@ -143,7 +143,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
function startTweaks() {
const t = buildTweaks(flow);
tweak?.current?.push(t);
tweak?.current?.push(t);
}
function filterNodes() {

4
src/frontend/src/modals/chatModal/index.tsx
View file

@ -374,7 +374,9 @@ export default function ChatModal({
<ChatMessage
lockChat={lockChat}
chat={c}
lastMessage={chatHistory.length - 1 === i ? true : false}
lastMessage={
chatHistory.length - 1 === i ? true : false
}
key={i}
/>
))

12
src/frontend/src/modals/formModal/chatMessage/index.tsx
View file

@ -34,13 +34,21 @@ export default function ChatMessage({
{!chat.isSend ? (
<div className="form-modal-chat-image">
<div className="form-modal-chat-bot-icon ">
<img src={Robot} className="form-modal-chat-icon-img" alt="robot_image"/>
<img
src={Robot}
className="form-modal-chat-icon-img"
alt="robot_image"
/>
</div>
</div>
) : (
<div className="form-modal-chat-image">
<div className="form-modal-chat-user-icon ">
<img src={MaleTechnology} className="form-modal-chat-icon-img" alt="male_technology"/>
<img
src={MaleTechnology}
className="form-modal-chat-icon-img"
alt="male_technology"
/>
</div>
</div>
)}

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

@ -517,7 +517,9 @@ export default function FormModal({
<ChatMessage
lockChat={lockChat}
chat={c}
lastMessage={chatHistory.length - 1 === i ? true : false}
lastMessage={
chatHistory.length - 1 === i ? true : false
}
key={i}
/>
))

3
src/frontend/src/types/flow/index.ts
View file

@ -28,11 +28,10 @@ export type FlowStyleType = {
flow_id: string;
};
export type TweaksType = Array<
{
[key: string]: {
output_key?: string;
};
} & FlowStyleType
>;
>;