limiting client side toggle tuning although not scalable with more lines

2022-05-08 13:51:21 -05:00
parent 853d0ea839
commit 3170aa0215
3 changed files with 32 additions and 5 deletions
@@ -13,6 +13,7 @@ import { LineMemberState } from "@nirvana/core/models/line.model";
 import LineRow from "../../components/lines/lineRow.tsx/index";
 import MasterLineData from "@nirvana/core/models/masterLineData.model";
 import NewLineModal from "./newLine";
+import toast from "react-hot-toast";
 import { useLineDataProvider } from "../../controller/lineDataProvider";

 export default function NirvanaTerminal() {
@@ -116,6 +117,19 @@ export default function NirvanaTerminal() {
    [setSelectedLineId, selectedLine]
  );

+  const handleToggleTuneToLine = useCallback(
+    (lineId: string, turnToggleOn: boolean) => {
+      if (toggleTunedLines?.length >= 3) {
+        toast.error("You cannot toggle more than 3 lines!");
+
+        return;
+      }
+
+      handleTuneToLine(lineId, turnToggleOn);
+    },
+    [toggleTunedLines, handleTuneToLine]
+  );
+
  const handleStartBroadcast = useCallback(
    (lineId: string) => () => {
      console.log(`starting broadcast for ${lineId}!!!`);
@@ -238,7 +252,10 @@ export default function NirvanaTerminal() {
          </div>
        </div>

-        <LineDetailsTerminal selectedLine={selectedLine} />
+        <LineDetailsTerminal
+          handleToggleTuneToLine={handleToggleTuneToLine}
+          selectedLine={selectedLine}
+        />
      </div>
    </>
  );