src/Vegasco-Web/src/app/modules/entries/entries/components/entry-card/entry-card.component.ts

@@ -1,5 +1,11 @@
 import { DatePipe } from '@angular/common';
+import { HttpErrorResponse } from '@angular/common/http';
 import { Component, DestroyRef, inject, input, output } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import {
+  matDeleteSharp
+} from '@ng-icons/material-icons/sharp';
 import { ConsumptionClient } from '@vegasco-web/api/consumptions/consumption-client';
 import { Consumption } from '@vegasco-web/api/models/consumption';
 import { RoutingService } from '@vegasco-web/services/routing.service';
@@ -7,29 +13,16 @@ import { ConfirmationService, MessageService } from 'primeng/api';
 import { ButtonModule } from 'primeng/button';
 import { CardModule } from 'primeng/card';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { TooltipModule } from 'primeng/tooltip';
+import { catchError, EMPTY, Observable, tap, throwError } from 'rxjs';
-import {
-  matCalendarMonthSharp,
-  matCommentSharp,
-  matDeleteSharp,
-  matMedicationSharp,
-  matPetsSharp,
-  matScaleSharp,
-} from '@ng-icons/material-icons/sharp';
-import { NgIconComponent, provideIcons } from '@ng-icons/core';
-import { HttpErrorResponse } from '@angular/common/http';
-import { catchError, EMPTY, Observable, takeUntil, tap, throwError } from 'rxjs';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 
 @Component({
   selector: 'app-entry-card',
   imports: [
-    DatePipe,
-    TooltipModule,
     ButtonModule,
     CardModule,
     ConfirmDialogModule,
+    DatePipe,
     NgIconComponent,
   ],
   providers: [

src/Vegasco-Web/src/app/modules/entries/entries/entries.component.html

@@ -7,7 +7,7 @@
     </div>
     <div>
       <p-button label="Erstellen" routerLink="/entries/create">
-        <!-- <ng-icon name="matAddSharp"></ng-icon> -->
+        <ng-icon name="matAddSharp"></ng-icon>
       </p-button>
     </div>
   </div>

src/Vegasco-Web/src/app/modules/entries/entries/entries.component.ts

@@ -18,6 +18,10 @@ import {
 } from 'rxjs';
 import { EntriesOverviewService } from './services/entries-overview.service';
 import { EntryCardComponent } from './components/entry-card/entry-card.component';
+import {
+  matAddSharp
+} from '@ng-icons/material-icons/sharp';
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
 
 @Component({
   selector: 'app-entries',
@@ -27,13 +31,17 @@ import { EntryCardComponent } from './components/entry-card/entry-card.component
     CommonModule,
     DataViewModule,
     EntryCardComponent,
-    SkeletonModule,
+    NgIconComponent,
-    SelectModule,
     ReactiveFormsModule,
     RouterLink,
     ScrollTopModule,
+    SelectModule,
+    SkeletonModule,
   ],
   providers: [
+    provideIcons({
+      matAddSharp,
+    }),
     EntriesOverviewService,
   ],
   templateUrl: './entries.component.html',