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

fix(StorePage/index.tsx): fix key prop in MarketCardComponent to use unique identifier from item instead of index to avoid rendering issues

Browse source 
feat(StorePage/index.tsx): add conditional check to getSavedComponents() if hasApiKey is true to only fetch saved components when API key is available
This commit is contained in:
anovazzi1 2023-11-10 20:02:51 -03:00
commit e9d9891d75
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/pages/StorePage/index.tsx
View file

@ -49,6 +49,9 @@ export default function StorePage(): JSX.Element {
useEffect(() => { useEffect(() => {
handleGetComponents(); handleGetComponents();
if (hasApiKey) {
getSavedComponents();
}
}, [ }, [
searchText, searchText,
tabActive, tabActive,
@ -266,11 +269,11 @@ export default function StorePage(): JSX.Element {
<div className="grid w-full gap-4 md:grid-cols-2 lg:grid-cols-3"> <div className="grid w-full gap-4 md:grid-cols-2 lg:grid-cols-3">
{!loading || searchData.length !== 0 ? ( {!loading || searchData.length !== 0 ? (
searchData.map((item, idx) => { searchData.map((item) => {
return ( return (
<> <>
<MarketCardComponent <MarketCardComponent
key={idx} key={item.id}
data={item} data={item}
authorized={!loadingSaved} authorized={!loadingSaved}
disabled={loading} disabled={loading}