Adding new project on enter

src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.html

@@ -3,6 +3,7 @@
   <mat-form-field class="file-name-form-field">
     <input
       matInput
+      (keydown)="onKeyDown($event)"
       type="text"
       formControlName="projectName"
       [ngClass]="{ 'is-invalid': form.projectName?.errors }"

src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.spec.ts

@@ -141,4 +141,13 @@ describe('AddBlankProjectDialogComponent', () => {
     expect(toaster.success).toHaveBeenCalled();
     expect(router.navigate).toHaveBeenCalled();
   });
+
+  it('should call adding on enter', () => {
+    component.projectNameForm.controls['projectName'].setValue('validName');
+    spyOn(component, 'onAddClick');
+
+    component.onKeyDown({key: 'Enter'});
+
+    expect(component.onAddClick).toHaveBeenCalled();
+  });
 });

src/app/components/projects/add-blank-project-dialog/add-blank-project-dialog.component.ts

@@ -71,6 +71,12 @@ export class AddBlankProjectDialogComponent implements OnInit {
       });
   }
 
+  onKeyDown(event) {
+    if (event.key === "Enter") {
+      this.onAddClick();
+    }
+  }
+
   openConfirmationDialog(existingProject: Project) {
     const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
       width: '300px',