From ecf6cc27d6885d4be00a543139224422305512a8 Mon Sep 17 00:00:00 2001
From: Fred <fred@nextchat.dev>
Date: Tue, 30 Apr 2024 18:58:19 +0800
Subject: [PATCH] style: add transition

---
 app/components/ActionsBar/index.tsx            | 4 +++-
 app/containers/Chat/components/SessionItem.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/ActionsBar/index.tsx b/app/components/ActionsBar/index.tsx
index 608fc379b..4aca4fe57 100644
--- a/app/components/ActionsBar/index.tsx
+++ b/app/components/ActionsBar/index.tsx
@@ -103,7 +103,9 @@ export default function ActionsBar(props: ActionsBarProps) {
               selected === action.id
                 ? `!bg-actions-bar-btn-default ${action.activeClassName}`
                 : "bg-transparent"
-            } rounded-md items-center ${action.className}`}
+            } rounded-md items-center ${
+              action.className
+            } transition duration-300 ease-in-out`}
             onClick={handlerClick(action)}
           >
             {selected === action.id ? activeIcon : inactiveIcon}
diff --git a/app/containers/Chat/components/SessionItem.tsx b/app/containers/Chat/components/SessionItem.tsx
index d93f7235a..73fc3d597 100644
--- a/app/containers/Chat/components/SessionItem.tsx
+++ b/app/containers/Chat/components/SessionItem.tsx
@@ -46,6 +46,7 @@ export default function SessionItem(props: {
               group/chat-menu-list relative flex p-3 items-center gap-2 self-stretch rounded-md mb-2 
               border 
               bg-chat-menu-session-unselected border-chat-menu-session-unselected cursor-pointer
+              transition-colors duration-300 ease-in-out
               ${
                 props.selected &&
                 (currentPath === Path.Chat || currentPath === Path.Home)