tweak: squiggle chart on link hover

packages/webpage-refactor/components/dynamicSquiggleChart.js

@@ -24,21 +24,15 @@ const effectButtonStyle =
   "bg-transparent m-2 hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded mt-5";
 
 export function DynamicSquiggleChart({ link, stopShowing }) {
+  if (link == null) {
+    return "";
+  } else {
     let usefulLink = {
       source: link.source,
       target: link.target,
       squiggleString: link.squiggleString,
     };
-  return link == null ? (
+    return (
-    ""
-  ) : (
-    /*{
-          <div className="grid grid-cols-1 grid-rows-1 place-items-center">
-
-     
-          </div>
-
-      }*/
       <div className="">
         <textarea
           value={JSON.stringify(usefulLink, null, 4)}
@@ -55,13 +49,7 @@ export function DynamicSquiggleChart({ link, stopShowing }) {
           showSummary={true}
           showTypes={true}
         />
-      <button className={effectButtonStyle} onClick={() => stopShowing()}>
+        {/*
-        Hide chart
-      </button>
-    </div>
-  );
-  {
-    /*
             SquiggleChart props:
             squiggleString?: string;
             sampleCount?: number;
@@ -75,6 +63,12 @@ export function DynamicSquiggleChart({ link, stopShowing }) {
             showSummary?: boolean;
             showTypes?: boolean;
             showControls?: boolean;
-    */
+        */}
+
+        <button className={effectButtonStyle} onClick={() => stopShowing()}>
+          Hide chart
+        </button>
+      </div>
+    );
   }
 }