Skip to content

Commit 14337f3

Browse files
committed
Remove a lot of animations in agent store that made it sluggish
1 parent 3ad3093 commit 14337f3

File tree

1 file changed

+4
-18
lines changed

1 file changed

+4
-18
lines changed

web/src/app/store/page.tsx

Lines changed: 4 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -450,23 +450,16 @@ const AgentStorePage = () => {
450450
reliability, performance, and versatility.
451451
</p>
452452
</AnimatedElement>
453-
<motion.div
454-
className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
455-
layout
456-
>
453+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
457454
{filteredEditorsChoice.map((agent, index) => (
458455
<motion.div
459456
key={agent.id}
460-
layout
461-
initial={{ opacity: 0, y: 20 }}
462-
animate={{ opacity: 1, y: 0 }}
463-
transition={{ delay: index * 0.1, duration: 0.5 }}
464457
whileHover={{ y: -4, transition: { duration: 0.2 } }}
465458
>
466459
<AgentCard agent={agent} isEditorsChoice={true} />
467460
</motion.div>
468461
))}
469-
</motion.div>
462+
</div>
470463
</div>
471464
)}
472465

@@ -479,17 +472,10 @@ const AgentStorePage = () => {
479472
Explore the complete collection of published agents.
480473
</p>
481474
</AnimatedElement>
482-
<motion.div
483-
className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
484-
layout
485-
>
475+
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
486476
{filteredAndSortedAgents.map((agent, index) => (
487477
<motion.div
488478
key={agent.id}
489-
layout
490-
initial={{ opacity: 0, y: 20 }}
491-
animate={{ opacity: 1, y: 0 }}
492-
transition={{ delay: index * 0.1, duration: 0.5 }}
493479
whileHover={{ y: -4, transition: { duration: 0.2 } }}
494480
>
495481
<AgentCard
@@ -500,7 +486,7 @@ const AgentStorePage = () => {
500486
/>
501487
</motion.div>
502488
))}
503-
</motion.div>
489+
</div>
504490
</div>
505491
)}
506492
</>

0 commit comments

Comments
 (0)