Edit authentication for component create-comment

src/app/app-routing.module.ts

@@ -31,7 +31,8 @@ const routes: Routes = [
   },
   { path: 'room/:roomId/create-comment',
     component: CreateCommentComponent,
-    canActivate: [AuthenticationGuard]
+    canActivate: [AuthenticationGuard],
+    data: { roles: [UserRole.PARTICIPANT] }
   },
   { path: '**', component: PageNotFoundComponent }
 ];

src/app/room/room.component.html

@@ -7,6 +7,10 @@
   <mat-list-item>Name: {{room.name}}</mat-list-item>
   <mat-list-item>Description: {{room.description}}</mat-list-item>
   <mat-list-item>Closed: {{room.closed}}</mat-list-item>
+
+  <button mat-button routerLink="/room/{{room.id}}/create-comment">
+    Create comment
+  </button>
 </mat-list>
 
 <!-- content-type of room-->