tidy up

Author: Tom G

src/react-test.html

@@ -20,52 +20,34 @@
     <script type="text/babel">
       "use strict";
 
-      function Embeddable({
-        token,
-        onComponentsLoad,
-        variables,
-        onVariablesChange,
-        onEmbeddableError,
-      }) {
+      function Embeddable({token, onComponentsLoad, variables, onVariablesChange, onEmbeddableError}) {
         const ref = React.useRef(null);
         function handleVariableChange(e) {
-          if (onVariablesChange) {
+          if(onVariablesChange) {
             onVariablesChange(
               Object.fromEntries(
-                e.detail.map((c) => [c.variableName, c.newValue]),
-              ),
-            );
+                e.detail.map(c => [c.variableName, c.newValue])
+              )
+            )  
           }
         }
-
         function handleEmbeddableError(e) {
           onEmbeddableError(e.detail);
         }
-
         React.useEffect(() => {
-          ref.current.addEventListener("variablesChange", handleVariableChange);
-          ref.current.addEventListener("componentsLoad", onComponentsLoad);
-          ref.current.addEventListener(
-            "embeddableError",
-            handleEmbeddableError,
-            handleEmbeddableError,
-          );
+          ref.current.addEventListener('variablesChange', handleVariableChange);
+          ref.current.addEventListener('componentsLoad', onComponentsLoad);
+          ref.current.addEventListener("embeddableError",handleEmbeddableError);
           return () => {
-            ref.current.removeEventListener("componentsLoad", onComponentsLoad);
-            ref.current.removeEventListener(
-              "variablesChange",
-              handleVariableChange,
-            );
-            ref.current.removeEventListener(
-              "embeddableError",
-              handleEmbeddableError,
-            );
+            ref.current.removeEventListener('componentsLoad', onComponentsLoad);
+            ref.current.removeEventListener('variablesChange', handleVariableChange);
+            ref.current.removeEventListener("embeddableError",handleEmbeddableError);
           };
         }, []);
-        return React.createElement("em-beddable", {
-          ref,
-          token,
-          variables: JSON.stringify(variables),
+        return React.createElement('em-beddable', {
+          ref, 
+          token, 
+          variables: JSON.stringify(variables)
         });
       }
 
@@ -87,7 +69,7 @@
                   onEmbeddableError={(e) => {
                     console.log(`${e.errorMessage} : ${e.errorDetail}`);
                   }}
-                  token="eyJhbGciOiJIUzI1NiJ9.eyJzZWN1cml0eVRva2VuSWQiOiI1YjBmM2JjMS02ZjUyLTQzZmMtODJkZC1hYWNjZTg2NjRiZTgiLCJpYXQiOjE3MzAzODMyODAsImV4cCI6MTgyMDM4MzI4MH0.NMoOjBNpK2kKxooKNIjiDmWxu1cSN8tywOyuZPw0AkQ"
+                  token="eyJhbGciOiJIUzI1NiJ9.eyJzZWN1cml0eVRva2VuSWQiOiI4MzNhOGZlMi1mNDI5LTQzMGEtYTc3MC00YzdhN2QyODM3NjYiLCJpYXQiOjE3MzE2MTUzNTMsImV4cCI6MTczMjIyMDE1M30.FDecDdBf-WJlwH6Dh5Jdaztdinjk371w7XhtfsjqaOk"
                 />
               </div>
             </div>