From fc92c061956242463274dc56e5ef970c889509be Mon Sep 17 00:00:00 2001
From: yoonie-jang <yoonie.jang@mail.utoronto.ca>
Date: Wed, 11 Sep 2024 19:00:17 -0400
Subject: [PATCH] move dependencies

---
 demo/package.json       |  3 ++-
 demo/src/SvgDisplay.tsx | 41 ++++++++++++++++++++++-------------------
 package.json            |  3 ---
 3 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/demo/package.json b/demo/package.json
index 8dac0e46..71785672 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -48,6 +48,7 @@
         "memory-viz": "*",
         "react": "^18.3.1",
         "react-dom": "^18.2.0",
-        "react-error-boundary": "^4.0.12"
+        "react-error-boundary": "^4.0.12",
+        "react-zoom-pan-pinch": "^3.6.1"
     }
 }
diff --git a/demo/src/SvgDisplay.tsx b/demo/src/SvgDisplay.tsx
index eb6fcae1..aa1b99cd 100644
--- a/demo/src/SvgDisplay.tsx
+++ b/demo/src/SvgDisplay.tsx
@@ -34,31 +34,34 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
         <Paper
             sx={{
                 height: 500,
-                overflow: "hidden",
+                // overflow: "hidden",
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
             }}
             variant="outlined"
         >
-            <div style={{ height: 500, justifyContent: "center" }}>
-                <TransformWrapper
-                    minScale={0.2}
-                    wheel={{ step: 0.2, smoothStep: 0.01 }}
-                >
-                    <TransformComponent>
-                        <canvas
-                            style={{
-                                height: 500,
-                            }}
-                            data-testid="memory-models-canvas"
-                            ref={canvasRef}
-                            width={canvasWidth}
-                            height={canvasHeight}
-                        />
-                    </TransformComponent>
-                </TransformWrapper>
-            </div>
+            {/* <div style={{ height: 500, width: "110%", display: "flex",
+                justifyContent: "center",
+                alignItems: "center" }}> */}
+            <TransformWrapper
+                minScale={0.2}
+                wheel={{ step: 0.2, smoothStep: 0.01 }}
+            >
+                <TransformComponent>
+                    <canvas
+                        style={{
+                            height: 500,
+                            width: "100%",
+                        }}
+                        data-testid="memory-models-canvas"
+                        ref={canvasRef}
+                        width={canvasWidth}
+                        height={canvasHeight}
+                    />
+                </TransformComponent>
+            </TransformWrapper>
+            {/* </div> */}
         </Paper>
     );
 }
diff --git a/package.json b/package.json
index aa3b6c96..c3836a17 100644
--- a/package.json
+++ b/package.json
@@ -16,8 +16,5 @@
     },
     "lint-staged": {
         "**/*": "prettier --write --ignore-unknown"
-    },
-    "dependencies": {
-        "react-zoom-pan-pinch": "^3.6.1"
     }
 }