UI changes (#1512)

* UI changes * Fix subject * Bump version
hmcts · Jul 12, 2023 · bfc94cb · bfc94cb
1 parent 1dc8bfb
commit bfc94cb
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "6.16.0-query-management-response-UI-changes-v2",
+  "version": "6.16.0-QM-respond-CYA-UI-changes-v2",
   "engines": {
     "yarn": "^3.5.0",
     "npm": "^8.10.0"

diff --git a/projects/ccd-case-ui-toolkit/package.json b/projects/ccd-case-ui-toolkit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/ccd-case-ui-toolkit",
-  "version": "6.16.0-query-management-response-UI-changes-v2",
+  "version": "6.16.0-QM-respond-CYA-UI-changes-v2",
   "engines": {
     "yarn": "^3.5.0",
     "npm": "^8.10.0"

diff --git a/...ry-management/components/query-check-your-answers/query-check-your-answers.component.html b/...ry-management/components/query-check-your-answers/query-check-your-answers.component.html
@@ -17,16 +17,17 @@ <h1 class="govuk-heading-l">
       <ccd-query-case-details-header></ccd-query-case-details-header>
     </div>
 
-    <dl *ngIf="queryCreateContext === queryCreateContextEnum.NEW_QUERY" class="govuk-summary-list govuk-!-margin-bottom-0">
+    <dl *ngIf="queryCreateContext !== queryCreateContextEnum.FOLLOWUP" class="govuk-summary-list govuk-!-margin-bottom-0">
       <div class="govuk-summary-list__row">
         <dt class="govuk-summary-list__key">
-          {{ 'Query subject' | rpxTranslate }}
+          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Submitted query' : 'Query subject' | rpxTranslate }}
         </dt>
         <dd class="govuk-summary-list__value">
-          {{ formGroup.get('subject')?.value }}
+          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? queryItem.subject : formGroup.get('subject')?.value }}
         </dd>
         <dd class="govuk-summary-list__actions">
-          <a href="javascript:void(0)" class="govuk-link" (click)="goBack()">
+          <a  *ngIf="queryCreateContext === queryCreateContextEnum.NEW_QUERY" 
+            href="javascript:void(0)" class="govuk-link" (click)="goBack()">
             {{ 'Change' | rpxTranslate }}
           </a>
         </dd>
@@ -36,7 +37,7 @@ <h1 class="govuk-heading-l">
     <dl class="govuk-summary-list govuk-!-margin-bottom-0">
       <div class="govuk-summary-list__row">
         <dt class="govuk-summary-list__key">
-          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response message' : 'Query detail' | rpxTranslate }}
+          {{ queryCreateContext === queryCreateContextEnum.RESPOND ? 'Response detail' : 'Query detail' | rpxTranslate }}
         </dt>
         <dd class="govuk-summary-list__value">
           {{ formGroup.get('body')?.value }}

diff --git a/...management/components/query-check-your-answers/query-check-your-answers.component.spec.ts b/...management/components/query-check-your-answers/query-check-your-answers.component.spec.ts
@@ -172,8 +172,9 @@ describe('QueryCheckYourAnswersComponent', () => {
     const heading = nativeElement.querySelector('.govuk-heading-l');
     expect(heading.textContent.trim()).toEqual('Review query response details');
     const columnHeadings = fixture.debugElement.queryAll(By.css('.govuk-summary-list__key'));
-    expect(columnHeadings[0].nativeElement.textContent.trim()).toEqual('Response message');
-    expect(columnHeadings[1].nativeElement.textContent.trim()).toEqual('Document attached');
+    expect(columnHeadings[0].nativeElement.textContent.trim()).toEqual('Submitted query');
+    expect(columnHeadings[1].nativeElement.textContent.trim()).toEqual('Response detail');
+    expect(columnHeadings[2].nativeElement.textContent.trim()).toEqual('Document attached');
   });
 
   it('should display correct columns for following up a query', () => {