From c04edbb3fe370f6c3801c49e546b53374d7c3d1b Mon Sep 17 00:00:00 2001
From: Igor Propisnov <info@igor-propisnov.com>
Date: Sun, 10 Mar 2024 18:05:54 +0100
Subject: [PATCH] run migration tool for material (MDC based components)

---
 frontend/src/app/app.module.ts                            | 8 ++++----
 .../students/student-list/student-list.component.scss     | 4 ++--
 .../students/student-list/student-list.component.ts       | 2 +-
 frontend/src/app/components/visits/visits.component.ts    | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index 86de544..27ea2ec 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -5,9 +5,9 @@ import { FormsModule } from '@angular/forms';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { StudentListComponent } from './components/students/student-list/student-list.component';
-import { MatLegacyTableModule as MatTableModule } from '@angular/material/legacy-table';
-import { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-paginator';
-import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
+import { MatTableModule } from '@angular/material/table';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { HttpClientModule } from '@angular/common/http';
 import { GenderPipe } from './pipes/gender.pipe';
 import { AddressPipe } from './pipes/address.pipe';
@@ -18,7 +18,7 @@ import { StudentEditComponent } from './components/students/student-edit/student
 import { StudentEnrollComponent } from './components/students/student-enroll/student-enroll.component';
 import { VisitsDatetimeComponent } from './components/visits/visits-datetime/visits-datetime.component';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
 
 @NgModule({
diff --git a/frontend/src/app/components/students/student-list/student-list.component.scss b/frontend/src/app/components/students/student-list/student-list.component.scss
index 58cf315..1141fb9 100644
--- a/frontend/src/app/components/students/student-list/student-list.component.scss
+++ b/frontend/src/app/components/students/student-list/student-list.component.scss
@@ -54,11 +54,11 @@ a:hover {
     cursor: pointer;
 }
 
-.mat-row:hover .mat-cell {
+.mat-mdc-row:hover .mat-mdc-cell {
     background-color: #411ccc;
 }
 
-.mat-row:hover .mat-cell.actions .bi {
+.mat-mdc-row:hover .mat-mdc-cell.actions .bi {
     color: white;
 }
 
diff --git a/frontend/src/app/components/students/student-list/student-list.component.ts b/frontend/src/app/components/students/student-list/student-list.component.ts
index 16435aa..eb2084b 100644
--- a/frontend/src/app/components/students/student-list/student-list.component.ts
+++ b/frontend/src/app/components/students/student-list/student-list.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { MatLegacyTableDataSource as MatTableDataSource } from '@angular/material/legacy-table';
+import { MatTableDataSource } from '@angular/material/table';
 import { Course } from 'src/app/models/course';
 import { Student } from 'src/app/models/student';
 import { StudentEnrollment } from 'src/app/models/student-enrollment';
diff --git a/frontend/src/app/components/visits/visits.component.ts b/frontend/src/app/components/visits/visits.component.ts
index e188b9a..3307b7b 100644
--- a/frontend/src/app/components/visits/visits.component.ts
+++ b/frontend/src/app/components/visits/visits.component.ts
@@ -1,6 +1,6 @@
 import { formatDate } from '@angular/common';
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { MatLegacyTableDataSource as MatTableDataSource } from '@angular/material/legacy-table';
+import { MatTableDataSource } from '@angular/material/table';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { CourseVisit } from 'src/app/models/course-visit';