From c9d22071cd324fe345b9122ebce1679ddc006135 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 7 Nov 2023 14:39:49 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(API/index.ts):=20add=20retur?=
 =?UTF-8?q?n=20type=20to=20getStoreComponents=20function=20to=20improve=20?=
 =?UTF-8?q?code=20readability=20and=20maintainability=20=F0=9F=90=9B=20fix?=
 =?UTF-8?q?(StorePage/index.tsx):=20fix=20comment=20syntax=20error=20to=20?=
 =?UTF-8?q?prevent=20code=20from=20being=20commented=20out=20=F0=9F=90=9B?=
 =?UTF-8?q?=20fix(StorePage/index.tsx):=20handle=20undefined=20response=20?=
 =?UTF-8?q?in=20getStoreComponents=20promise=20chain=20to=20prevent=20erro?=
 =?UTF-8?q?rs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/controllers/API/index.ts  | 2 +-
 src/frontend/src/pages/StorePage/index.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/controllers/API/index.ts b/src/frontend/src/controllers/API/index.ts
index 8f732215d..480fb1531 100644
--- a/src/frontend/src/controllers/API/index.ts
+++ b/src/frontend/src/controllers/API/index.ts
@@ -594,7 +594,7 @@ export async function getStoreComponents(
   page: number = 1,
   limit: number = 10,
   is_component?: boolean | null
-) {
+): Promise<StoreComponentResponse | undefined> {
   try {
     let url = `${BASE_URL_API}store/components/`;
     const queryParams: any = [];
diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx
index 9e1284804..3abc6f496 100644
--- a/src/frontend/src/pages/StorePage/index.tsx
+++ b/src/frontend/src/pages/StorePage/index.tsx
@@ -74,7 +74,7 @@ export default function StorePage(): JSX.Element {
     let results = data?.results ?? [];
     results.forEach((flow) => {
       savedIds.add(flow.id);
-    }); /* 
+    }); /*
     setSavedFlows(savedIds); */
     setErrorApiKey(false);
     setLoading(false);
@@ -86,10 +86,9 @@ export default function StorePage(): JSX.Element {
 
     getStoreComponents(index - 1, size, filterComponent.current)
       .then((res) => {
-        console.log(res);
         setLoading(false);
-        setSearchData(res.results);
-        setTotalRowsCount(Number(res.count));
+        setSearchData(res?.results ?? []);
+        setTotalRowsCount(Number(res?.count ?? 0));
         setErrorApiKey(true);
       })
       .catch((err) => {