From fd4aa3648af57d25c2c3b851f947d01326f6aabf Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 25 Oct 2023 19:58:27 -0300
Subject: [PATCH] fix(tabsContext.tsx): remove console.log statements for
 debugging feat(market-card.tsx): add success alert when flow is installed

---
 src/frontend/src/contexts/tabsContext.tsx                  | 4 +---
 .../src/pages/StorePage/components/market-card.tsx         | 7 ++++++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index e24dd33ba..c98c2377d 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -171,12 +171,10 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     });
     setData((prev) => {
       let newData = _.cloneDeep(prev);
-      console.log(newData["custom_components"]);
-      console.log(storeComponents);
+
       const customComponent = newData["custom_components"]["CustomComponent"];
       newData["custom_components"] = cloneDeep(storeComponents);
       newData["custom_components"]["CustomComponent"] = customComponent;
-      console.log(newData["custom_components"]);
       return newData;
     });
   }
diff --git a/src/frontend/src/pages/StorePage/components/market-card.tsx b/src/frontend/src/pages/StorePage/components/market-card.tsx
index 114bfeff8..87b73a28c 100644
--- a/src/frontend/src/pages/StorePage/components/market-card.tsx
+++ b/src/frontend/src/pages/StorePage/components/market-card.tsx
@@ -10,6 +10,7 @@ import {
   CardHeader,
   CardTitle,
 } from "../../../components/ui/card";
+import { alertContext } from "../../../contexts/alertContext";
 import { StoreContext } from "../../../contexts/storeContext";
 import { TabsContext } from "../../../contexts/tabsContext";
 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 [loading, setLoading] = useState(false);
   const { addFlow } = useContext(TabsContext);
+  const { setSuccessData } = useContext(alertContext);
   const flowData = useRef<FlowType>();
 
   useEffect(() => {
@@ -53,13 +55,16 @@ export const MarketCardComponent = ({ data }: { data: FlowComponent }) => {
 
   function handleInstall() {
     if (flowData.current) {
-      addFlow(true, flowData.current!);
+      addFlow(true, flowData.current!).then(() => {
+        setSuccessData({ title: "Flow Installed" });
+      });
     } else {
       getComponent(data.id).then((res) => {
         console.log(res);
         const newFLow = cloneFLowWithParent(res, res.id, data.is_component);
         flowData.current = newFLow;
         addFlow(true, newFLow);
+        setSuccessData({ title: "Flow Installed" });
       });
     }
   }