Merge pull request #4 from Im-Rises/develop

Deactivated styles aand added parameters tos et them
Im-Rises · Sep 17, 2023 · 42f67b9 · 42f67b9
2 parents 534e233 + 7970eea
commit 42f67b9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "nbody-simulator-react-barnes-hut-react-p5",
   "private": false,
-  "version": "0.5.7",
+  "version": "0.6.0",
   "type": "module",
   "license": "MIT",
   "repository": {

diff --git a/src/components/NbodySimulatorBarnesHut.tsx b/src/components/NbodySimulatorBarnesHut.tsx
@@ -26,6 +26,8 @@ type Props = {
     softening: number;
     showQuadtree: boolean;
     backgroundColor: Color;
+    divStyle?: string;
+    canvasStyle?: string;
 }
 
 const defaultProps: Props = {
@@ -38,7 +40,9 @@ const defaultProps: Props = {
     G: 1,
     softening: 10,
     showQuadtree: false,
-    backgroundColor: new Color(100, 100, 100)
+    backgroundColor: new Color(100, 100, 100),
+    divStyle: "",
+    canvasStyle: ""
 }
 
 const NbodySimulatorBarnesHut = (props: Props) => {
@@ -56,8 +60,10 @@ const NbodySimulatorBarnesHut = (props: Props) => {
     }
 
     const setup = (p5: p5Types, canvasParentRef: Element) => {
-        p5.createCanvas(mergedProps.widthHeight, mergedProps.widthHeight).parent(canvasParentRef);
+        const canvas = p5.createCanvas(mergedProps.widthHeight, mergedProps.widthHeight).parent(canvasParentRef);
         p5.frameRate(60);
+        canvas.attribute("style", mergedProps.canvasStyle!);
+        canvasParentRef.setAttribute("style", mergedProps.divStyle!);
     };
 
     const draw = (p5: p5Types) => {