Migration to use the new MDC-based Angular Components. Components mig…

…rated: snack-bar PiperOrigin-RevId: 565194998
tensorflow · Sep 18, 2023 · 43cbd9f · 43cbd9f
1 parent 907c805
commit 43cbd9f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/frontend/app/common/angular/BUILD b/frontend/app/common/angular/BUILD
@@ -123,7 +123,7 @@ ts_library(
 )
 
 ts_library(
-    name = "angular_material_legacy_snack_bar",
+    name = "angular_material_snack_bar",
     srcs = [],
     deps = [
         "@npm//@angular/material",

diff --git a/frontend/app/components/capture_profile/BUILD b/frontend/app/components/capture_profile/BUILD
@@ -21,8 +21,8 @@ xprof_ng_module(
         "@npm//rxjs",
         "@org_xprof//frontend/app/common/angular:angular_material_button",
         "@org_xprof//frontend/app/common/angular:angular_material_dialog",
-        "@org_xprof//frontend/app/common/angular:angular_material_legacy_snack_bar",
         "@org_xprof//frontend/app/common/angular:angular_material_progress_spinner",
+        "@org_xprof//frontend/app/common/angular:angular_material_snack_bar",
         "@org_xprof//frontend/app/common/interfaces",
         "@org_xprof//frontend/app/components/capture_profile/capture_profile_dialog",
         "@org_xprof//frontend/app/services/data_service",

diff --git a/frontend/app/components/capture_profile/capture_profile.ts b/frontend/app/components/capture_profile/capture_profile.ts
@@ -1,6 +1,6 @@
 import {Component, OnDestroy} from '@angular/core';
 import {MatDialog} from '@angular/material/dialog';
-import {MatLegacySnackBar} from '@angular/material/legacy-snack-bar';
+import {MatSnackBar} from '@angular/material/snack-bar';
 import {Store} from '@ngrx/store';
 import {CaptureProfileOptions, CaptureProfileResponse} from 'org_xprof/frontend/app/common/interfaces/capture_profile';
 import {DataService} from 'org_xprof/frontend/app/services/data_service/data_service';
@@ -28,7 +28,7 @@ export class CaptureProfile implements OnDestroy {
 
   constructor(
       private readonly dialog: MatDialog,
-      private readonly snackBar: MatLegacySnackBar,
+      private readonly snackBar: MatSnackBar,
       private readonly dataService: DataService,
       private readonly store: Store<{}>) {
     this.capturingProfile = this.store.select(getCapturingProfileState);

diff --git a/frontend/app/components/capture_profile/capture_profile_module.ts b/frontend/app/components/capture_profile/capture_profile_module.ts
@@ -3,7 +3,7 @@ import {NgModule} from '@angular/core';
 import {MatButtonModule} from '@angular/material/button';
 import {MatDialogModule} from '@angular/material/dialog';
 import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
-import {MatLegacySnackBarModule} from '@angular/material/legacy-snack-bar';
+import {MatSnackBarModule} from '@angular/material/snack-bar';
 
 import {CaptureProfile} from './capture_profile';
 import {CaptureProfileDialog} from './capture_profile_dialog/capture_profile_dialog';
@@ -18,7 +18,7 @@ import {CaptureProfileDialogModule} from './capture_profile_dialog/capture_profi
     MatDialogModule,
     MatProgressSpinnerModule,
     CaptureProfileDialogModule,
-    MatLegacySnackBarModule,
+    MatSnackBarModule,
   ],
   exports: [CaptureProfile],
   entryComponents: [CaptureProfileDialog],

diff --git a/frontend/styles.scss b/frontend/styles.scss
@@ -41,6 +41,7 @@ $theme: mat.define-light-theme(
 @include mat.progress-bar-theme($theme);
 @include mat.slide-toggle-theme(map-merge($theme, (density: -5)));
 @include mat.radio-theme($theme);
+@include mat.snack-bar-theme($theme);
 @include mat.slider-theme($theme);
 
 html, body {