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

fix(tabsContext.tsx): remove console.log statements for debugging

Browse source 
feat(market-card.tsx): add success alert when flow is installed
This commit is contained in:
anovazzi1 2023-10-25 19:58:27 -03:00
commit fd4aa3648a
2 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/contexts/tabsContext.tsx
View file

@ -171,12 +171,10 @@ export function TabsProvider({ children }: { children: ReactNode }) {
}); });
setData((prev) => { setData((prev) => {
let newData = _.cloneDeep(prev); let newData = _.cloneDeep(prev);
console.log(newData["custom_components"]);
console.log(storeComponents);
const customComponent = newData["custom_components"]["CustomComponent"]; const customComponent = newData["custom_components"]["CustomComponent"];
newData["custom_components"] = cloneDeep(storeComponents); newData["custom_components"] = cloneDeep(storeComponents);
newData["custom_components"]["CustomComponent"] = customComponent; newData["custom_components"]["CustomComponent"] = customComponent;
console.log(newData["custom_components"]);
return newData; return newData;
}); });
} }

7
src/frontend/src/pages/StorePage/components/market-card.tsx
View file

@ -10,6 +10,7 @@ import {
CardHeader, CardHeader,
CardTitle, CardTitle,
} from "../../../components/ui/card"; } from "../../../components/ui/card";
import { alertContext } from "../../../contexts/alertContext";
import { StoreContext } from "../../../contexts/storeContext"; import { StoreContext } from "../../../contexts/storeContext";
import { TabsContext } from "../../../contexts/tabsContext"; import { TabsContext } from "../../../contexts/tabsContext";
import { getComponent, saveFlowStore } from "../../../controllers/API"; import { getComponent, saveFlowStore } from "../../../controllers/API";
@ -22,6 +23,7 @@ export const MarketCardComponent = ({ data }: { data: FlowComponent }) => {
const [added, setAdded] = useState(savedFlows.has(data.id) ? true : false); const [added, setAdded] = useState(savedFlows.has(data.id) ? true : false);
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const { addFlow } = useContext(TabsContext); const { addFlow } = useContext(TabsContext);
const { setSuccessData } = useContext(alertContext);
const flowData = useRef<FlowType>(); const flowData = useRef<FlowType>();
useEffect(() => { useEffect(() => {
@ -53,13 +55,16 @@ export const MarketCardComponent = ({ data }: { data: FlowComponent }) => {
function handleInstall() { function handleInstall() {
if (flowData.current) { if (flowData.current) {
addFlow(true, flowData.current!); addFlow(true, flowData.current!).then(() => {
setSuccessData({ title: "Flow Installed" });
});
} else { } else {
getComponent(data.id).then((res) => { getComponent(data.id).then((res) => {
console.log(res); console.log(res);
const newFLow = cloneFLowWithParent(res, res.id, data.is_component); const newFLow = cloneFLowWithParent(res, res.id, data.is_component);
flowData.current = newFLow; flowData.current = newFLow;
addFlow(true, newFLow); addFlow(true, newFLow);
setSuccessData({ title: "Flow Installed" });
}); });
} }
} }