fix(alert-view): update log navigation to correctly reference log IDs

Author: mjabascal10

frontend/src/app/data-management/alert-management/shared/components/alert-view-detail/alert-view-detail.component.html

@@ -34,12 +34,11 @@
       <a [ngClass]="{'active':view===alertDetailTabEnum.TAGS}" class="nav-link">
         <i class="icon-price-tags2 mr-1"></i> Rules applied </a>
     </li>
-      <!--<li class="nav-item cursor-pointer btn-tab">
-          <button (click)="navigateToEvents()" *ngIf="countRelatedEvents>0" class="btn utm-button utm-button-primary ml-2"
-                  routerLink="/integrations/explore">
+      <li class="nav-item cursor-pointer btn-tab">
+          <button (click)="navigateToEvents()" *ngIf="countRelatedEvents>0" class="btn utm-button utm-button-primary ml-2">
               <i class="icon-eye8 mr-1"></i> View logs related
           </button>
-      </li>-->
+      </li>
   </ul>
   <div class="w-100" *ngIf="view === alertDetailTabEnum.DETAIL">
     <app-alert-description [alert]="alert"></app-alert-description>

frontend/src/app/data-management/alert-management/shared/components/alert-view-detail/alert-view-detail.component.ts

@@ -127,7 +127,7 @@ export class AlertViewDetailComponent implements OnInit {
   navigateToEvents() {
     const queryParams = {patternId: LOG_INDEX_PATTERN_ID, indexPattern: LOG_INDEX_PATTERN};
     const LOG_ID_FIELD = 'id';
-    queryParams[LOG_ID_FIELD] = ElasticOperatorsEnum.IS_ONE_OF + '->' + this.logs.slice(0, 100);
+    queryParams[LOG_ID_FIELD] = ElasticOperatorsEnum.IS_ONE_OF + '->' + this.logs.map(log => log.id).slice(0, 100);
     queryParams[this.TIMESTAMP_FIELD] = ElasticOperatorsEnum.IS_BETWEEN + '->' + 'now-1y' + ',' + 'now';
     this.spinner.show('loadingSpinner');
     this.router.navigate([LOG_ROUTE], {