Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-31 16:49:07 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor(animations): simplify motion animations in SessionsTab and Sessions components

Browse Source 
Remove redundant motion animations and streamline transition properties to improve code maintainability
This commit is contained in:
icarus 2025-09-26 01:42:31 +08:00
parent cb47e8decd
commit a419aed404
2 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/renderer/src/pages/home/Tabs/SessionsTab.tsx
View File

@ -43,14 +43,7 @@ const SessionsTab: FC<SessionsTabProps> = () => {
</motion.p>
</motion.div>
) : (
<motion.div
key={activeAgentId}
initial={{ opacity: 0, x: 20 }}
animate={{ opacity: 1, x: 0 }}
exit={{ opacity: 0, x: -20 }}
transition={{ duration: 0.3, ease: 'easeOut' }}>
<Sessions agentId={activeAgentId} />
</motion.div>
<Sessions agentId={activeAgentId} />
)}
</AnimatePresence>
)

8
src/renderer/src/pages/home/Tabs/components/Sessions.tsx
View File

@ -99,10 +99,7 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
animate={{ opacity: 1 }}
transition={{ duration: 0.3 }}
className="agents-tab h-full w-full p-2">
<motion.div
initial={{ opacity: 0, y: -10 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.2, delay: 0.1 }}>
<motion.div initial={{ opacity: 0, y: -10 }} animate={{ opacity: 1, y: 0 }}>
<Button
onPress={handleCreateSession}
className="mb-2 w-full justify-start bg-transparent text-foreground-500 hover:bg-accent">
@ -114,9 +111,8 @@ const Sessions: React.FC<SessionsProps> = ({ agentId }) => {
{sessions.map((session, index) => (
<motion.div
key={session.id}
initial={{ opacity: 0, x: -20 }}
initial={{ opacity: 0, x: 20 }}
animate={{ opacity: 1, x: 0 }}
exit={{ opacity: 0, x: 20, transition: { duration: 0.2 } }}
transition={{ duration: 0.3, delay: index * 0.05 }}>
<SessionItem
session={session}