From b9311e841c2a68962839eedb78da76e0a3458e36 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 16 Jan 2026 02:01:08 -0800
Subject: [PATCH] remove fade animation on album songs table

---
 .../components/item-list/item-grid-list/item-grid-list.tsx    | 4 +++-
 .../components/item-list/item-table-list/item-table-list.tsx  | 4 +++-
 .../features/albums/components/album-detail-content.tsx       | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/item-list/item-grid-list/item-grid-list.tsx b/src/renderer/components/item-list/item-grid-list/item-grid-list.tsx
index 74a3e9add..5736b83b6 100644
--- a/src/renderer/components/item-list/item-grid-list/item-grid-list.tsx
+++ b/src/renderer/components/item-list/item-grid-list/item-grid-list.tsx
@@ -305,6 +305,7 @@ export interface ItemGridListProps {
     currentPage?: number;
     data: unknown[];
     enableDrag?: boolean;
+    enableEntranceAnimation?: boolean;
     enableExpansion?: boolean;
     enableSelection?: boolean;
     enableSelectionDialog?: boolean;
@@ -329,6 +330,7 @@ const BaseItemGridList = ({
     currentPage,
     data,
     enableDrag = true,
+    enableEntranceAnimation = true,
     enableExpansion = false,
     enableSelection = true,
     gap = 'sm',
@@ -730,7 +732,7 @@ const BaseItemGridList = ({
             ref={mergedContainerRef}
             tabIndex={0}
             {...animationProps.fadeIn}
-            transition={{ duration: 1, ease: 'anticipate' }}
+            transition={{ duration: enableEntranceAnimation ? 1 : 0, ease: 'anticipate' }}
         >
             <AutoSizer>
                 {({ height, width }) => (
diff --git a/src/renderer/components/item-list/item-table-list/item-table-list.tsx b/src/renderer/components/item-list/item-table-list/item-table-list.tsx
index aa8dc4a28..ab96e8052 100644
--- a/src/renderer/components/item-list/item-table-list/item-table-list.tsx
+++ b/src/renderer/components/item-list/item-table-list/item-table-list.tsx
@@ -694,6 +694,7 @@ interface ItemTableListProps {
     data: unknown[];
     enableAlternateRowColors?: boolean;
     enableDrag?: boolean;
+    enableEntranceAnimation?: boolean;
     enableExpansion?: boolean;
     enableHeader?: boolean;
     enableHorizontalBorders?: boolean;
@@ -737,6 +738,7 @@ const BaseItemTableList = ({
     data,
     enableAlternateRowColors = false,
     enableDrag = true,
+    enableEntranceAnimation = true,
     enableExpansion = true,
     enableHeader = true,
     enableHorizontalBorders = false,
@@ -2371,7 +2373,7 @@ const BaseItemTableList = ({
             ref={mergedContainerRef}
             tabIndex={0}
             {...animationProps.fadeIn}
-            transition={{ duration: 1, ease: 'anticipate' }}
+            transition={{ duration: enableEntranceAnimation ? 1 : 0, ease: 'anticipate' }}
         >
             {StickyHeader}
             {StickyGroupRow}
diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx
index 31f156571..ddf2455e9 100644
--- a/src/renderer/features/albums/components/album-detail-content.tsx
+++ b/src/renderer/features/albums/components/album-detail-content.tsx
@@ -688,6 +688,7 @@ const AlbumDetailSongsTable = ({ songs }: AlbumDetailSongsTableProps) => {
                 data={filteredSongs}
                 enableAlternateRowColors={tableConfig.enableAlternateRowColors}
                 enableDrag
+                enableEntranceAnimation={false}
                 enableExpansion={false}
                 enableHeader
                 enableHorizontalBorders={tableConfig.enableHorizontalBorders}