use data component

projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.html

@@ -5,4 +5,11 @@
       <app-plots />
     </ng-template>
   </mat-tab>
+
+  <!-- Data tab -->
+  <mat-tab label="Data" [disabled]="noData()">
+    <ng-template matTabContent>
+      <app-data />
+    </ng-template>
+  </mat-tab>
 </mat-tab-group>

projects/nshmp-apps/src/app/ncm/geophysical-profiles/components/content/content.component.ts

-import {Component} from '@angular/core';
+import {Component, computed} from '@angular/core';
 import {MatTabsModule} from '@angular/material/tabs';
 
+import {AppService} from '../../services/app.service';
+import {DataComponent} from '../data/data.component';
 import {PlotsComponent} from '../plots/plots.component';
 
 @Component({
-  imports: [MatTabsModule, PlotsComponent],
+  imports: [MatTabsModule, PlotsComponent, DataComponent],
   selector: 'app-content',
   standalone: true,
   styleUrl: './content.component.scss',
   templateUrl: './content.component.html',
 })
-export class ContentComponent {}
+export class ContentComponent {
+  noData = computed(() => this.service.serviceResponse() === null);
+
+  constructor(private service: AppService) {}
+}