add controls

1 files changed, 6 insertions, 4 deletions

diff --git a/src/ui/App.jsx b/src/ui/App.jsx
index eaca9a4..fbbbd35 100644
--- a/src/ui/App.jsx
+++ b/src/ui/App.jsx
@@ -7,6 +7,7 @@ import * as React from "react";
 import { useState, useEffect, useRef } from "react";
 import Relabi from "../relabi";
 import { Kalimba, Drums } from "../lib/instruments";
+import Controls from "./Controls.jsx";
 
 export default function App() {
   const [relabi, setRelabi] = useState();
@@ -19,10 +20,10 @@ export default function App() {
     if (!relabi) {
       const relabiGenerator = new Relabi({
         waves: [
-          { type: "sine", frequency: 0.75 },
-          { type: "sine", frequency: 1.0 },
-          { type: "sine", frequency: 1.617 },
-          { type: "sine", frequency: 3.141 },
+          { shape: "sine", frequency: 0.75 },
+          { shape: "sine", frequency: 1.0 },
+          { shape: "sine", frequency: 1.617 },
+          { shape: "sine", frequency: 3.141 },
         ],
         bounds: [
           {
@@ -86,6 +87,7 @@ export default function App() {
       }}
     >
       <div ref={relabiRef} />
+      <Controls relabi={relabi} />
     </div>
   );
 }