(this.alertRef = ref)} />
- this.initialize(el)} />
-
- );
- }
-}
-
-ThreejsEditorModal.propTypes = {
- materials: PropTypes.arrayOf(Made.Material).isRequired,
-};
diff --git a/src/exports.js b/src/exports.js
index e49bd377..c36e5b5d 100644
--- a/src/exports.js
+++ b/src/exports.js
@@ -1,2 +1,2 @@
export { ThreeDEditor } from "./components/ThreeDEditor";
-export { ThreejsEditorModal } from "./components/ThreejsEditorModal";
+export { ThreejsEditor } from "./components/ThreejsEditor";
diff --git a/src/index.jsx b/src/index.jsx
index 001d7b7b..27f4f553 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -8,6 +8,27 @@ import ReactDOM from "react-dom";
import { ThreeDEditor } from "./components/ThreeDEditor";
const domElement = document.getElementById("root");
+const newAtom = [
+ { id: 3, value: "Au" },
+ { id: 4, value: "O" },
+ { id: 5, value: "U" },
+ { id: 6, value: "Cl" },
+ { id: 7, value: "H" },
+ { id: 8, value: "Fr" },
+];
+const newCoordinates = [
+ { id: 3, value: [0.5, 0.5, 0.5] },
+ { id: 4, value: [0.75, 0.95, 0.5] },
+ { id: 5, value: [0.25, 0.25, 0.5] },
+ { id: 6, value: [0.75, 0.75, 0.5] },
+ { id: 7, value: [0.2, 0.75, 0.2] },
+ { id: 8, value: [0.75, 0.75, 0.7] },
+];
+
+// Adding the new atom to the defaultMaterialConfig
+Made.defaultMaterialConfig.basis.elements.push(...newAtom);
+Made.defaultMaterialConfig.basis.coordinates.push(...newCoordinates);
+
const material = new Made.Material(Made.defaultMaterialConfig);
// eslint-disable-next-line react/no-render-return-value
window.threeDEditor = ReactDOM.render(, domElement);
diff --git a/tests/__tests__/components/ThreeDEditor.jsx b/tests/__tests__/components/ThreeDEditor.jsx
index 53fccc1b..8ffed1db 100644
--- a/tests/__tests__/components/ThreeDEditor.jsx
+++ b/tests/__tests__/components/ThreeDEditor.jsx
@@ -4,7 +4,7 @@ import Enzyme from "enzyme";
import React from "react";
import { ThreeDEditor } from "../../../src/components/ThreeDEditor";
-import { ThreejsEditorModal } from "../../../src/components/ThreejsEditorModal";
+import { ThreejsEditor } from "../../../src/components/ThreejsEditor";
import { WaveComponent } from "../../../src/components/WaveComponent";
import { ELEMENT_PROPERTIES, getWaveInstance, MATERIAL_CONFIG, WAVE_SETTINGS } from "../../enums";
import { SELECTORS } from "../../selectors";
@@ -90,7 +90,7 @@ test("preserve three.js editor changes", async () => {
})),
},
});
- const threeJsEditorModal = wrapper.find(ThreejsEditorModal);
+ const threeJsEditorModal = wrapper.find(ThreejsEditor);
threeJsEditorModal.prop("onHide")(modifiedMaterial);
wrapper.update();