From 62b3a8c8d73a52424e9141ff80a6c1141def5849 Mon Sep 17 00:00:00 2001
From: Xiaohan-Tian <157918347+Xiaohan-Tian@users.noreply.github.com>
Date: Thu, 28 Aug 2025 19:51:47 -0700
Subject: [PATCH] fix: reset mute/solo UI states on project/track changes

---
 src/components/track/TrackInfoItem.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/track/TrackInfoItem.tsx b/src/components/track/TrackInfoItem.tsx
index 19b898a..c9feb2d 100644
--- a/src/components/track/TrackInfoItem.tsx
+++ b/src/components/track/TrackInfoItem.tsx
@@ -84,6 +84,13 @@ const TrackInfoItem: React.FC<TrackInfoItemProps> = ({
   useEffect(() => {
     setVolume(track.getVolume());
   }, [allTracks, track]);
+
+  // Sync mute/solo UI with audio interface state on track/project changes
+  useEffect(() => {
+    setMuted(false);
+    setSolo(false);
+  }, [allTracks, track]);
+  
   // Handle track name edit within the component
   const handleTrackNameClick = (e: React.MouseEvent) => {
     e.stopPropagation(); // Prevent opening piano roll when clicking track name