Adjust binding item component

benjamindehli · May 15, 2024 · c571fa4 · c571fa4
1 parent 8186d66
commit c571fa4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 44 deletions.
diff --git a/src/components/DecentSampler/Binding/BindingItemComponent.jsx b/src/components/DecentSampler/Binding/BindingItemComponent.jsx
@@ -1,5 +1,5 @@
 // Dependencies
-import { Fragment, useContext, useState } from "react";
+import { Fragment, useState } from "react";
 
 // Material UI
 import MenuItem from "@mui/material/MenuItem";
@@ -20,28 +20,9 @@ import { DefaultListItem } from "@/components/Template/DefaultListItem";
 import { getIndentSize } from "@/functions/helpers";
 import { getColorForElementType } from "@/functions/styles";
 
-// Classes
-import { ControllableParameter } from "@/classes/ControllableParameter";
-
-// Store
-import DecentSamplerContext from "@/store/DecentSamplerContext";
-
-// Data
-import controllableParametersData from "@/data/controllableParameters.js";
-
 export function BindingItemComponent({ bindingItem }) {
     const theme = useTheme();
 
-    const decentSamplerContext = useContext(DecentSamplerContext);
-    const [controllableParameters, setControllableParameters] = useState(
-        controllableParametersData.map((controllableParameter) => {
-            return new ControllableParameter(controllableParameter);
-        })
-    );
-    const [controllableParameterForBinding, setControllableParameterForBinding] = useState(
-        getControlParameterForBindingItem(bindingItem)
-    );
-
     const [isExpanded, setIsExpanded] = useState(false);
 
     const [editBindingItemDialogIsOpen, setEditBindingItemDialogIsOpen] = useState(false);
@@ -54,24 +35,6 @@ export function BindingItemComponent({ bindingItem }) {
         setEditBindingItemDialogIsOpen(false);
     };
 
-    function getControlParameterForBindingItem(binding) {
-        return controllableParameters.find((controllableParameter) => {
-            return (
-                controllableParameter.type === binding.type &&
-                controllableParameter.level === binding.level &&
-                controllableParameter.parameter === binding.parameter
-            );
-        });
-    }
-
-    /* useEffect(() => {
-        const controllableParameter = getControlParameterForBindingItem(bindingItem);
-        setControllableParameterForBinding(controllableParameter);
-        if (!controllableParameter) {
-            console.log("noMatch", bindingItem);
-        }
-    }, [bindingItem]);*/
-
     const settingsMenuItems = (
         <Fragment>
             <MenuItem
@@ -100,7 +63,9 @@ export function BindingItemComponent({ bindingItem }) {
     );
 
     const primaryText = "Binding";
-    const secondaryText = <ListItemSecondaryText>{controllableParameterForBinding?.description}</ListItemSecondaryText>;
+    const secondaryText = (
+        <ListItemSecondaryText>{bindingItem?.controllableParameterRef?.description}</ListItemSecondaryText>
+    );
 
     return (
         <Fragment>
@@ -125,8 +90,6 @@ export function BindingItemComponent({ bindingItem }) {
             </DefaultListItem>
             <EditBindingItemDialog
                 bindingItem={bindingItem}
-                controllableParameters={controllableParameters}
-                controllableParameterForBinding={controllableParameterForBinding}
                 open={editBindingItemDialogIsOpen}
                 onClose={handleCloseEditBindingItemDialog}
             />

diff --git a/src/components/DecentSampler/Binding/EditBindingItemDialog.jsx b/src/components/DecentSampler/Binding/EditBindingItemDialog.jsx
@@ -18,8 +18,6 @@ import { IconControllableParameter } from "@/components/Template/Icons/IconContr
 
 export function EditBindingItemDialog({
     bindingItem,
-    controllableParameters,
-    controllableParameterForBinding,
     open,
     onClose
 }) {
@@ -88,7 +86,6 @@ export function EditBindingItemDialog({
 
                     <BindingParameterSelect
                         onChange={handleBindingParameterChange}
-                        controllableParameters={controllableParameters}
                         defaultValue={selectedBindingParameter}
                     />
                     {selectedBindingParameter && (