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

code format

Browse source
This commit is contained in:
anovazzi1 2023-08-24 17:10:02 -03:00
commit 4fab63e5de
6 changed files with 44 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/frontend/src/components/codeTabsComponent/index.tsx
View file

@ -28,13 +28,13 @@ import {
TabsList,
TabsTrigger,
} from "../../components/ui/tabs";
import { alertContext } from "../../contexts/alertContext";
import { darkContext } from "../../contexts/darkContext";
import { typesContext } from "../../contexts/typesContext";
import { codeTabsPropsType } from "../../types/components";
import { unselectAllNodes } from "../../utils/reactflowUtils";
import { classNames } from "../../utils/utils";
import IconComponent from "../genericIconComponent";
import { unselectAllNodes } from "../../utils/reactflowUtils";
import { typesContext } from "../../contexts/typesContext";
import { alertContext } from "../../contexts/alertContext";
export default function CodeTabsComponent({
flow,
@ -56,19 +56,19 @@ export default function CodeTabsComponent({
setData(flow["data"]!["nodes"]);
}
}, [flow]);
useEffect(() => {
unselectAllNodes({
data,
updateNodes: (nodes) => {
reactFlowInstance?.setNodes(nodes);
}
},
});
return () => {
if (isTweakPage) setIsTweakPage(false);
};
}, [])
}, []);
const copyToClipboard = () => {
if (!navigator.clipboard || !navigator.clipboard.writeText) {
@ -295,7 +295,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -342,7 +344,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -385,7 +389,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -416,7 +422,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = e;
return newInputList;
@ -505,7 +513,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -539,7 +549,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -589,7 +601,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -642,7 +656,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;
@ -695,7 +711,9 @@ export default function CodeTabsComponent({
setData((old) => {
let newInputList =
cloneDeep(old);
newInputList![i].data.node.template[
newInputList![
i
].data.node.template[
templateField
].value = target;
return newInputList;

2
src/frontend/src/contexts/alertContext.tsx
View file

@ -27,7 +27,7 @@ const initialValue: alertContextType = {
clearNotificationList: () => {},
removeFromNotificationList: () => {},
isTweakPage: false,
setIsTweakPage: () => {},
setIsTweakPage: () => {},
};
export const alertContext = createContext<alertContextType>(initialValue);

3
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -28,7 +28,8 @@ export default function CodeAreaModal({
const { dark } = useContext(darkContext);
const { reactFlowInstance } = useContext(typesContext);
const [height, setHeight] = useState<string | null>(null);
const { setErrorData, setSuccessData, isTweakPage } = useContext(alertContext);
const { setErrorData, setSuccessData, isTweakPage } =
useContext(alertContext);
const [error, setError] = useState<{
detail: { error: string | undefined; traceback: string | undefined };
} | null>(null);

3
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -21,7 +21,8 @@ export default function ExtraSidebar(): JSX.Element {
const { data, templates } = useContext(typesContext);
const { flows, tabId, uploadFlow, tabsState, saveFlow, isBuilt } =
useContext(TabsContext);
const { setSuccessData, setErrorData, setIsTweakPage } = useContext(alertContext);
const { setSuccessData, setErrorData, setIsTweakPage } =
useContext(alertContext);
const [dataFilter, setFilterData] = useState(data);
const [search, setSearch] = useState("");
const isPending = tabsState[tabId]?.isPending;

4
src/frontend/src/types/utils/reactflowUtils.ts
View file

@ -10,6 +10,6 @@ export type cleanEdgesType = {
};
export type unselectAllNodesType = {
updateNodes: (nodes: Node[]) => void,
data: Node[] | null
updateNodes: (nodes: Node[]) => void;
data: Node[] | null;
};

5
src/frontend/src/utils/reactflowUtils.ts
View file

@ -9,7 +9,10 @@ import {
import { specialCharsRegex } from "../constants/constants";
import { APITemplateType } from "../types/api";
import { FlowType, NodeType } from "../types/flow";
import { cleanEdgesType, unselectAllNodesType } from "../types/utils/reactflowUtils";
import {
cleanEdgesType,
unselectAllNodesType,
} from "../types/utils/reactflowUtils";
import { toNormalCase } from "./utils";
export function cleanEdges({