shop info

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

@@ -35,15 +35,59 @@
 
       <span>discounts</span>
     </div>
-
     <div
       class="nav-item"
-      [class.active]="activeRoute === 'uebersicht'"
-      (click)="setActive('uebersicht')"
+      [class.active]="activeRoute === 'orders'"
+      (click)="setActive('orders')"
     >
       <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
 
-      <span>Übersicht</span>
+      <span>orders</span>
+    </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'payment-methods'"
+      (click)="setActive('payment-methods')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>payment-methods</span>
+    </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'products'"
+      (click)="setActive('products')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>products</span>
+    </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'reviews'"
+      (click)="setActive('reviews')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>reviews</span>
+    </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'shipping-methods'"
+      (click)="setActive('shipping-methods')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>shipping-methods</span>
+    </div>
+    <div
+      class="nav-item"
+      [class.active]="activeRoute === 'shop-info'"
+      (click)="setActive('shop-info')"
+    >
+      <app-icon [iconName]="'placeholder'" [svgColor]="'#8e44ad'"></app-icon>
+
+      <span>shop-info</span>
     </div>
   </nav>
 </aside>