From 8adc3f203fc4b11e0672aaa4d0c8d38254eea5d6 Mon Sep 17 00:00:00 2001 From: anovazzi1 Date: Wed, 8 Mar 2023 18:40:32 -0300 Subject: [PATCH] change download, tabs name and document title --- langflow/frontend/public/index.html | 2 +- langflow/frontend/src/contexts/tabsContext.tsx | 5 +++-- langflow/frontend/src/utils.ts | 12 ++++++++++++ 3 files changed, 16 insertions(+), 3 deletions(-) diff --git a/langflow/frontend/public/index.html b/langflow/frontend/public/index.html index e9ecbe8ec..aa19f07de 100644 --- a/langflow/frontend/public/index.html +++ b/langflow/frontend/public/index.html @@ -4,7 +4,7 @@ - Document + LangFLow diff --git a/langflow/frontend/src/contexts/tabsContext.tsx b/langflow/frontend/src/contexts/tabsContext.tsx index bb85474c2..7b3f60e06 100644 --- a/langflow/frontend/src/contexts/tabsContext.tsx +++ b/langflow/frontend/src/contexts/tabsContext.tsx @@ -1,6 +1,7 @@ import { createContext, useEffect, useState, useRef, ReactNode } from "react"; import { FlowType } from "../types/flow"; import { TabsContextType } from "../types/tabs"; +import { normalCaseToSnakeCase } from "../utils"; const TabsContextInitialValue: TabsContextType = { tabIndex: 0, @@ -61,7 +62,7 @@ export function TabsProvider({ children }: { children: ReactNode }) { // create a link element and set its properties const link = document.createElement("a"); link.href = jsonString; - link.download = `${flows[tabIndex].name}.json`; + link.download = `${normalCaseToSnakeCase(flows[tabIndex].name)}.json`; // simulate a click on the link element to trigger the download link.click(); @@ -124,7 +125,7 @@ export function TabsProvider({ children }: { children: ReactNode }) { // Create a new flow with a default name if no flow is provided. let newFlow: FlowType = { - name: flow ? flow.name : "flow" + id, + name: flow ? flow.name : "New Flow " + id, id: id.toString(), data, chat: flow ? flow.chat : [], diff --git a/langflow/frontend/src/utils.ts b/langflow/frontend/src/utils.ts index 82e09e979..3f53b446d 100644 --- a/langflow/frontend/src/utils.ts +++ b/langflow/frontend/src/utils.ts @@ -286,6 +286,18 @@ export function snakeToNormalCase(str: string) { .join(" "); } +export function normalCaseToSnakeCase(str:string){ + return str + .split(" ") + .map((word, index) => { + if (index === 0) { + return word[0].toUpperCase() + word.slice(1).toLowerCase(); + } + return word.toLowerCase(); + }) + .join("_"); +} + export function roundNumber(x:number, decimals:number) { return Math.round(x * Math.pow(10, decimals)) / Math.pow(10, decimals); }