good

src/app/shared/components/layout/sidebar/sidebar.component.html

@@ -1,7 +1,6 @@
 <aside class="sidebar" [class.collapsed]="isCollapsed">
   <div class="sidebar-header">
     <div class="sidebar-logo">
-      <!-- Ersetzen Sie dies durch Ihr Logo, z.B. als <img> oder <svg> -->
       <svg
         viewBox="0 0 48 48"
         xmlns="http://www.w3.org/2000/svg"
@@ -13,15 +12,8 @@
       </svg>
     </div>
     <h1 class="sidebar-title">Wetask</h1>
-    <app-button
-      buttonType="icon"
-      iconName="double_arrow"
-      (click)="toggleSidebar()"
-    ></app-button>
   </div>
 
-  <!-- 2. Der Button zum Ein- und Ausklappen. Er ruft unsere neue Methode auf. -->
-
   <nav class="sidebar-nav">
     <a
       class="nav-item"
@@ -29,7 +21,7 @@
       (click)="setActive('dashboard')"
       title="Übersicht"
     >
-      <app-icon name="placeholder"></app-icon>
+       <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
       <span>Übersicht</span>
     </a>
 
@@ -39,7 +31,7 @@
       (click)="setActive('analytics')"
       title="Analysen"
     >
-      <app-icon name="placeholder"></app-icon>
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
       <span>Analysen</span>
     </a>
 
@@ -49,7 +41,7 @@
       (click)="setActive('reports')"
       title="Berichte"
     >
-      <app-icon name="placeholder"></app-icon>
+       <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
       <span>Berichte</span>
     </a>
   </nav>
@@ -61,8 +53,15 @@
       (click)="setActive('settings')"
       title="Einstellungen"
     >
-      <app-icon name="placeholder"></app-icon>
+     <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
       <span>Einstellungen</span>
     </a>
   </div>
+
+  <app-button
+    class="sidebar-toggle-btn"
+    buttonType="icon"
+    iconName="double_arrow"
+    (click)="toggleSidebar()"
+  ></app-button>
 </aside>