OZG-8129 replace mail icon

alfa-client/libs/ui/src/lib/assets/mail.svg

-<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"/></svg>
\ No newline at end of file

alfa-client/libs/ui/src/lib/icon/icon.model.ts

@@ -22,6 +22,5 @@
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
 export enum Icons {
-  MAIL = 'mail',
   PDF_EXPORT = 'pdf_export',
 }

alfa-client/libs/ui/src/lib/icon/postfach-icon/postfach-icon.component.html

@@ -23,11 +23,11 @@
     unter der Lizenz sind dem Lizenztext zu entnehmen.
 
 -->
-<mat-icon
+<ods-icon
+  name="mailbox"
+  fill="text"
   data-test-class="postfach-icon-mat-icon"
-  svgIcon="mail"
   matBadge="&NoBreak;"
   [matBadgeHidden]="!showBadge"
   matBadgeSize="small"
->
-</mat-icon>
+/>

alfa-client/libs/ui/src/lib/icon/postfach-icon/postfach-icon.component.spec.ts

@@ -24,9 +24,9 @@
 import { getElementFromFixture } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatBadge, MatBadgeModule } from '@angular/material/badge';
-import { MatIcon } from '@angular/material/icon';
-import { MatIconTestingModule } from '@angular/material/icon/testing';
+import { IconComponent } from '@ods/system';
 import { getDataTestClassOf } from 'libs/tech-shared/test/data-test';
+import { MockComponent } from 'ng-mocks';
 import { PostfachIconComponent } from './postfach-icon.component';
 
 describe('PostfachIconComponent', () => {
@@ -37,7 +37,7 @@ describe('PostfachIconComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [MatIconTestingModule, MatBadgeModule, MatBadge, MatIcon, PostfachIconComponent],
+      imports: [MatBadgeModule, MatBadge, PostfachIconComponent, MockComponent(IconComponent)],
     }).compileComponents();
   });
 
@@ -58,7 +58,6 @@ describe('PostfachIconComponent', () => {
 
       const icon: HTMLElement = getElementFromFixture(fixture, postfachIcon);
 
-      expect(icon).toHaveClass('mat-icon');
       expect(icon).toHaveClass('mat-badge-hidden');
     });
 

alfa-client/libs/ui/src/lib/icon/postfach-icon/postfach-icon.component.ts

@@ -23,14 +23,14 @@
  */
 import { Component, Input } from '@angular/core';
 import { MatBadge } from '@angular/material/badge';
-import { MatIcon } from '@angular/material/icon';
+import { IconComponent } from '@ods/system';
 
 @Component({
   selector: 'ozgcloud-postfach-icon',
   templateUrl: './postfach-icon.component.html',
   styleUrls: ['./postfach-icon.component.scss'],
   standalone: true,
-  imports: [MatIcon, MatBadge],
+  imports: [MatBadge, IconComponent],
 })
 export class PostfachIconComponent {
   @Input() showBadge: boolean = false;