diff --git a/src/frontend/src/pages/StorePage/index.tsx b/src/frontend/src/pages/StorePage/index.tsx index ab1f467af..9bcb0339a 100644 --- a/src/frontend/src/pages/StorePage/index.tsx +++ b/src/frontend/src/pages/StorePage/index.tsx @@ -55,6 +55,13 @@ export default function StorePage(): JSX.Element { "You don't have an API Key. Please add one to use the Langflow Store.", ], }); + } else if (!validApiKey) { + setErrorData({ + title: "API Key Error", + list: [ + "Your API Key is not valid. Please add a valid API Key to use the Langflow Store.", + ], + }); } } }, [loadingApiKey, validApiKey, hasApiKey]); @@ -97,18 +104,21 @@ export default function StorePage(): JSX.Element { filterByUser: selectFilter === "createdbyme" && validApiKey ? true : null, }) .then((res) => { - if (res?.authorized === false && validApiKey === false) { + if (!res?.authorized && validApiKey === true) { setValidApiKey(false); - return; + setSelectFilter("all"); + } else { + if (res?.authorized) { + setValidApiKey(true); + } + setLoading(false); + setSearchData(res?.results ?? []); + setTotalRowsCount( + filteredCategories?.length === 0 + ? Number(res?.count ?? 0) + : res?.results?.length ?? 0 + ); } - - setLoading(false); - setSearchData(res?.results ?? []); - setTotalRowsCount( - filteredCategories?.length === 0 - ? Number(res?.count ?? 0) - : res?.results?.length ?? 0 - ); }) .catch((err) => { if (err.response.status === 403 || err.response.status === 401) { @@ -344,8 +354,8 @@ export default function StorePage(): JSX.Element {