diff --git a/src/components/Modal/SettingsManager.js b/src/components/Modal/SettingsManager.js
index 8f7117a..ee65c37 100644
--- a/src/components/Modal/SettingsManager.js
+++ b/src/components/Modal/SettingsManager.js
@@ -42,12 +42,7 @@ export default class SettingsManager extends Modal {
// const template = this.template;
// template.id = "-1" // Impossible ID
- const template = {
- thead: {
- tr: ["Artist", "Title", "Album", "Year", "Genre", "Time"] //contains
strings
- },
- tbody: []
- };
+ const template = JSON.parse(JSON.stringify(this.template)); // Deep Copy (why)
if (Settings.has("tableJSON")) Settings.set("tableJSON", template);
else console.info("There was no Table Saved to Delete!");
@@ -61,27 +56,7 @@ export default class SettingsManager extends Modal {
* TODO: Make this a function w/ the one inside of Body.js
*/
async regenTable() {
-
- /*
- Rather Large Problem w/ regenTable() and deleteTable()
- I need const template to be a reference to a different object of this.template
- (Pass by value instead of pass by reference)
-
- Both deleteTable() and regenTable() modify this.table, which is not the intended behaviour.
-
-
- Temporary soltuoin will be to define template in each funciton, but I need to figure out how to
- copy the object instead of reference the object.
- */
- // const template = this.template;
- // template.id = "-1";
-
- const template = {
- thead: {
- tr: ["Artist", "Title", "Album", "Year", "Genre", "Time"] //contains | strings
- },
- tbody: []
- };
+ const template = JSON.parse(JSON.stringify(this.template)); // Deep Copy (why)
if (Settings.has("tableJSON")) Settings.set("tableJSON", template);
else console.info("There was no Table Saved to Delete!")
|