refactor: Update transition delay for tool invocations in Home component

This commit is contained in:
zaidmukaddam 2024-08-07 19:48:58 +05:30
parent 24f8613409
commit 302907602b

View File

@ -394,7 +394,7 @@ export default function Home() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -20 }} exit={{ opacity: 0, y: -20 }}
transition={{ duration: 0.5, delay: 0.6 }} transition={{ duration: 0.5, delay: 0.1 }}
className="space-y-4 sm:space-y-6" className="space-y-4 sm:space-y-6"
> >
{messages.map((message, index) => ( {messages.map((message, index) => (
@ -415,14 +415,9 @@ export default function Home() {
</Card> </Card>
)} )}
{message.toolInvocations?.map((toolInvocation: ToolInvocation, toolIndex: number) => ( {message.toolInvocations?.map((toolInvocation: ToolInvocation, toolIndex: number) => (
<motion.div <div key={`tool-${toolIndex}`}>
key={`tool-${toolIndex}`}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: (index + toolIndex) * 0.1 + 0.2 }}
>
{renderToolInvocation(toolInvocation, toolIndex)} {renderToolInvocation(toolInvocation, toolIndex)}
</motion.div> </div>
))} ))}
</motion.div> </motion.div>
))} ))}