From 5f58de7f2a394b9c2f0f621ea9ee5a1797ceacf4 Mon Sep 17 00:00:00 2001
From: Jared Galanis <jgalani2@jhu.edu>
Date: Fri, 20 Oct 2023 15:43:19 -0400
Subject: [PATCH] fix: submission details not displaying

---
 app/components/display-metadata-keys/index.hbs |  2 +-
 app/components/display-metadata-keys/index.js  | 11 +++++++++--
 app/components/workflow-review/index.js        |  2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/components/display-metadata-keys/index.hbs b/app/components/display-metadata-keys/index.hbs
index 88256f24a..6c270585f 100644
--- a/app/components/display-metadata-keys/index.hbs
+++ b/app/components/display-metadata-keys/index.hbs
@@ -1,5 +1,5 @@
 {{! template-lint-disable no-triple-curlies }}
-<ul class="list-unstyled">
+<ul class="list-unstyled" {{did-insert this.setupDisplayData}}>
   {{#each this.displayData as |data|}}
     <li>
       {{#if data.isArray}}
diff --git a/app/components/display-metadata-keys/index.js b/app/components/display-metadata-keys/index.js
index 79f1df36f..d95a2b746 100644
--- a/app/components/display-metadata-keys/index.js
+++ b/app/components/display-metadata-keys/index.js
@@ -1,10 +1,17 @@
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
 
 export default class DisplayMetadataKeys extends Component {
   @service metadataSchema;
 
-  get displayData() {
-    return this.metadataSchema.displayMetadata(this.args.submission);
+  @tracked displayData = null;
+
+  @action
+  async setupDisplayData() {
+    const schemaService = this.metadataSchema;
+    const displayData = await schemaService.displayMetadata(this.args.submission);
+    this.displayData = displayData;
   }
 }
diff --git a/app/components/workflow-review/index.js b/app/components/workflow-review/index.js
index ffebb2a79..125e940ca 100644
--- a/app/components/workflow-review/index.js
+++ b/app/components/workflow-review/index.js
@@ -131,7 +131,7 @@ export default class WorkflowReview extends Component {
         inputOptions: {
           agree: `I agree to the above statement on today's date.`,
           noAgree:
-            'I do not agree to the above statement and I understand that if I proceed and do not check this box, my submission will not be deposited to above repository.',
+            'I do not agree to the above statement and I understand that if I proceed and do not check this box, my submission will not be deposited to the above repository.',
         },
         inputValidator: (value) => {
           if (!value) {