From 3f74784b63f9d190a2cd93eb5a2aa81f559c2f05 Mon Sep 17 00:00:00 2001
From: "sweep-ai[bot]" <128439645+sweep-ai[bot]@users.noreply.github.com>
Date: Fri, 1 Dec 2023 09:45:02 +0000
Subject: [PATCH] feat: Updated src/app/features/user-area/user-modu

---
 .../user-modules/user-modules.component.html   | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/features/user-area/user-modules/user-modules.component.html b/src/app/features/user-area/user-modules/user-modules.component.html
index d0ffb499..a783be71 100644
--- a/src/app/features/user-area/user-modules/user-modules.component.html
+++ b/src/app/features/user-area/user-modules/user-modules.component.html
@@ -31,7 +31,23 @@
       <mat-divider inset="true"></mat-divider>
     </ng-container>
   
-    <lib-auto-update-loading-indicator [data$]="dataService.modulesData$"
+    <mat-form-field appearance="fill">
+  <mat-label>Sort by</mat-label>
+  <mat-select (selectionChange)="onSortChange($event.value)">
+    <mat-option value="name">Name</mat-option>
+    <mat-option value="type">Type</mat-option>
+    <mat-option value="manufacturer">Manufacturer</mat-option>
+  </mat-select>
+</mat-form-field>
+<mat-form-field appearance="fill">
+  <mat-label>Group by</mat-label>
+  <mat-select (selectionChange)="onGroupChange($event.value)">
+    <mat-option value="none">None</mat-option>
+    <mat-option value="type">Type</mat-option>
+    <mat-option value="manufacturer">Manufacturer</mat-option>
+  </mat-select>
+</mat-form-field>
+<lib-auto-update-loading-indicator [data$]="dataService.modulesData$"
                                        [updateData$]="dataService.updateModulesData$"
     >
       <ng-container *ngIf="(dataService.modulesData$|async) as data">