Fix method meshes

Author: malte-hansen

src/components/visualization/rendering/popups/application-popups/method/method-popup.tsx

@@ -42,12 +42,13 @@ export default function MethodPopup({
                 <th>Type</th>
               </thead>
               <tbody>
-                {method.parameters.map((params) => (
-                  <tr key={params.name}>
-                    <td>{params.name}</td>
-                    <td>{params.type}</td>
-                  </tr>
-                ))}
+                {method.parameters &&
+                  method.parameters.map((params) => (
+                    <tr key={params.name}>
+                      <td>{params.name}</td>
+                      <td>{params.type}</td>
+                    </tr>
+                  ))}
               </tbody>
             </table>
           </>

src/view-objects/3d/application/method-group.ts

@@ -38,9 +38,9 @@ export class MethodGroup extends THREE.Group {
 
       // Compute geometry with width and height
       const box = new THREE.BoxGeometry(
-        parentLayout.width / 4,
+        parentLayout.width / 8,
         functionHeight,
-        parentLayout.depth / 4
+        parentLayout.depth / 8
       );
 
       // Compute material and colors for method mesh
@@ -63,7 +63,7 @@ export class MethodGroup extends THREE.Group {
         boxMaterial,
         this.dataModel.methods[index]
       );
-      methodHeightMesh.position.setX(methodHeightMesh.position.x - 0.7);
+      methodHeightMesh.position.setX(methodHeightMesh.position.x + 0.85);
       methodHeightMesh.position.setY(
         -parentGeo.parameters.height / 2 + functionHeight / 2 + yPos
       );