Merge pull request #2067 from fecgov/feature/1194-reports-ui-changes

Feature/1194 - Manage Reports UI Changes
fecgov · Jul 30, 2024 · f3ef70d · f3ef70d
2 parents a397b6b + a1e12d4
commit f3ef70d
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 5 deletions.
diff --git a/front-end/cypress/e2e/F3X/reattributions.cy.ts b/front-end/cypress/e2e/F3X/reattributions.cy.ts
@@ -96,7 +96,7 @@ describe('Reattributions', () => {
     CreateReceipt();
     ReportListPage.createF3X(reportFormDataJuly);
     ReportListPage.submitReport(APRIL_15);
-    ReportListPage.editReport(APRIL_15, 'Review report');
+    ReportListPage.editReport(APRIL_15, 'Review');
     PageUtils.clickSidebarSection('REVIEW TRANSACTIONS');
     cy.wait(500);
     Reattribute(true);

diff --git a/front-end/cypress/e2e/F3X/redesignations.cy.ts b/front-end/cypress/e2e/F3X/redesignations.cy.ts
@@ -79,7 +79,7 @@ describe('Redesignations', () => {
     CreateContribution();
     ReportListPage.createF3X(reportFormDataJuly);
     ReportListPage.submitReport(APRIL_15);
-    ReportListPage.editReport(APRIL_15, 'Review report');
+    ReportListPage.editReport(APRIL_15, 'Review');
     PageUtils.clickSidebarSection('REVIEW TRANSACTIONS');
     cy.wait(500);
     Redesignate(true);

diff --git a/front-end/cypress/e2e/pages/reportListPage.ts b/front-end/cypress/e2e/pages/reportListPage.ts
@@ -74,7 +74,7 @@ export class ReportListPage {
     cy.get('[data-cy="start-report"]').click();
   }
 
-  static editReport(reportName: string, fieldName = 'Edit report') {
+  static editReport(reportName: string, fieldName = 'Edit') {
     ReportListPage.goToPage();
     cy.wait(500);
     PageUtils.getKabob(reportName).contains(fieldName).first().click({ force: true });

diff --git a/front-end/src/app/reports/report-list/report-list.component.scss b/front-end/src/app/reports/report-list/report-list.component.scss
@@ -0,0 +1,3 @@
+:host ::ng-deep .p-datatable-header {
+  padding-right: 0px;
+}
diff --git a/front-end/src/app/reports/report-list/report-list.component.ts b/front-end/src/app/reports/report-list/report-list.component.ts
@@ -15,19 +15,20 @@ import { DotFecService } from 'app/shared/services/dot-fec.service';
 @Component({
   selector: 'app-report-list',
   templateUrl: './report-list.component.html',
+  styleUrls: ['./report-list.component.scss'],
 })
 export class ReportListComponent extends TableListBaseComponent<Report> implements OnInit, OnDestroy {
   dialogVisible = false;
   committeeAccount?: CommitteeAccount;
   public rowActions: TableAction[] = [
     new TableAction(
-      'Edit report',
+      'Edit',
       this.editItem.bind(this),
       (report: Report) => report.report_status === ReportStatus.IN_PROGRESS,
     ),
     new TableAction('Amend', this.amendReport.bind(this), (report: Report) => report.canAmend),
     new TableAction(
-      'Review report',
+      'Review',
       this.editItem.bind(this),
       (report: Report) => report.report_status !== ReportStatus.IN_PROGRESS,
     ),

diff --git a/front-end/src/app/reports/styles.scss b/front-end/src/app/reports/styles.scss
@@ -88,3 +88,7 @@ caption {
 .p-inputtextarea {
   height: auto !important;
 }
+
+:host ::ng-deep .p-datatable-header {
+  padding-right: 0px;
+}