OZG-8129 replace done icon

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

-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.16245 13.5002L2.88745 9.2252L3.9562 8.15645L7.16245 11.3627L14.0437 4.48145L15.1125 5.5502L7.16245 13.5002Z" fill="#2D65BA"/>
-</svg>

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

@@ -23,7 +23,6 @@
  */
 export enum Icons {
   DELETE_FINALLY = 'delete_finally',
-  DONE = 'done',
   EDIT = 'edit',
   INCOMING = 'incoming',
   LOGO = 'logo',

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.html

@@ -28,15 +28,12 @@
     class="dot"
     [style.width]="diameter + 'px'"
     [style.height]="diameter + 'px'"
-    [ngClass]="[
-      wiedervorlageResource.frist | toTrafficLight,
-      wiedervorlageResource.done ? 'erledigt' : ''
-    ]"
+    [ngClass]="[wiedervorlageResource.frist | toTrafficLight, wiedervorlageResource.done ? 'erledigt' : '']"
     data-test-class="dot"
   >
-    <mat-icon class="done" *ngIf="wiedervorlageResource.done" data-test-class="done-icon"
-      >done</mat-icon
-    >
+    @if (wiedervorlageResource.done) {
+      <ods-icon name="check" class="absolute -left-0.5 top-1/2 -translate-y-1/2" fill="bewilligt" data-test-class="done-icon" />
+    }
   </div>
 </ng-container>
 

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.scss

@@ -39,14 +39,6 @@
   display: flex;
   position: relative;
 
-  .mat-icon {
-    position: absolute;
-    left: -2px;
-    top: 50%;
-    transform: translateY(-50%);
-    font-size: 20px;
-  }
-
   &.red:not(.erledigt) {
     background-color: mat.m2-get-color-from-palette($warnPalette);
     border-color: mat.m2-get-color-from-palette($warnPalette, darker);
@@ -61,7 +53,3 @@
 .content {
   margin-left: 4px;
 }
-
-.done {
-  color: green;
-}

alfa-client/libs/wiedervorlage/src/lib/wiedervorlage-status/wiedervorlage-status.component.spec.ts

@@ -23,8 +23,9 @@
  */
 import { ToTrafficLightPipe } from '@alfa-client/tech-shared';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatIcon } from '@angular/material/icon';
+import { IconComponent } from '@ods/system';
 import { createWiedervorlageResource } from 'libs/wiedervorlage-shared/test/wiedervorlage';
+import { MockComponent } from 'ng-mocks';
 import { WiedervorlageStatusComponent } from './wiedervorlage-status.component';
 
 const doneIcon: string = '[data-test-class="done-icon"]';
@@ -36,7 +37,7 @@ describe('WiedervorlageStatusComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [WiedervorlageStatusComponent],
-      imports: [MatIcon, ToTrafficLightPipe],
+      imports: [MockComponent(IconComponent), ToTrafficLightPipe],
     }).compileComponents();
   });