prop only changing with new object...should have knowne

packages/desktop/src/pages/terminal/details/index.tsx

@@ -21,7 +21,7 @@ export default function LineDetailsTerminal({
 
   const isUserToggleTuned = useMemo(
     () => selectedLine?.currentUserMember?.state === LineMemberState.TUNED,
-    [selectedLine.currentUserMember]
+    [selectedLine]
   );
 
   // seeing if I am in the list of broadcasters
@@ -34,10 +34,6 @@ export default function LineDetailsTerminal({
     [userDetails, selectedLine]
   );
 
-  useEffect(() => {
-    console.log(selectedLine?.currentUserMember);
-  }, [selectedLine]);
-
   return (
     <>
       <div className="flex flex-col flex-1 bg-gray-100 items-stretch justify-start relative border-l border-l-gray-100">
@@ -88,7 +84,15 @@ export default function LineDetailsTerminal({
             isUserToggleTuned ? "bg-gray-800 text-white" : "text-black"
           }`}
               onClick={() =>
-                handleTuneToLine(selectedLine.lineDetails._id.toString(), true)
+                isUserToggleTuned
+                  ? handleTuneToLine(
+                      selectedLine.lineDetails._id.toString(),
+                      false
+                    )
+                  : handleTuneToLine(
+                      selectedLine.lineDetails._id.toString(),
+                      true
+                    )
               }
             >
               <FiActivity className="text-lg" />