diff --git a/src/app/components/data-logs/data-logs.component.html b/src/app/components/data-logs/data-logs.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..73c31b4222f73c9c0c79a1072a3a2ee5bba3d4c9
--- /dev/null
+++ b/src/app/components/data-logs/data-logs.component.html
@@ -0,0 +1,3 @@
+  <div *ngFor="let a of [data]">
+    <span>{{a}}</span>
+  </div>
diff --git a/src/app/components/data-logs/data-logs.component.scss b/src/app/components/data-logs/data-logs.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/app/components/data-logs/data-logs.component.ts b/src/app/components/data-logs/data-logs.component.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9d5ff8a8ff0d0ab214e185d6899fa100c6ed2581
--- /dev/null
+++ b/src/app/components/data-logs/data-logs.component.ts
@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import { DataLogsService } from 'src/app/services/data-logs.service';
+import { ActivatedRoute, ParamMap } from '@angular/router';
+import { switchMap } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-data-logs',
+  templateUrl: './data-logs.component.html',
+  styleUrls: ['./data-logs.component.scss'],
+})
+export class DataLogsComponent implements OnInit {
+  data: any;
+  constructor(
+    private dataLogsService: DataLogsService,
+    private route: ActivatedRoute,
+
+    ) { }
+
+  ngOnInit() {
+    this.data = [];
+    this.route.paramMap.pipe(
+      switchMap((params: ParamMap) => this.dataLogsService.uuidToSessionId('c1b069ca-181d-4265-9838-8d182f207bd3')))
+      .subscribe(result => this.data = result);
+  }
+
+}