Filter Layers by Type

DiunaBI.UI.Shared/Components/LayerListComponent.razor

@@ -1,9 +1,10 @@
 @using MudBlazor.Internal
+@using DiunaBI.Application.DTOModels
     <MudExpansionPanels Class="mb-4">
         <MudExpansionPanel Icon="@Icons.Material.Filled.FilterList"
                            Text="Filters"
                            Expanded="true">
-            <MudGrid>
+            <MudGrid AlignItems="Center">
                 <MudItem xs="12" sm="6" md="4">
                     <MudTextField @bind-Value="filterRequest.Search"
                                   Label="Search"
@@ -12,15 +13,29 @@
                                   DebounceInterval="500"
                                   OnDebounceIntervalElapsed="SearchLayers"
                                   Clearable="true"/>
-
                 </MudItem>
 
                 <MudItem xs="12" sm="6" md="4">
-                    <MudButton Variant="Variant.Outlined"
-                               OnClick="ClearFilters"
-                               StartIcon="Icons.Material.Filled.Clear">
-                        Clear filters
-                    </MudButton>
+                    <MudSelect T="LayerType?"
+                               Value="filterRequest.Type"
+                               ValueChanged="OnTypeChanged"
+                               Label="Type"
+                               Placeholder="All types"
+                               Clearable="true"
+                               OnClearButtonClick="OnTypeClear">
+                        @foreach (LayerType type in Enum.GetValues(typeof(LayerType)))
+                        {
+                            <MudSelectItem T="LayerType?" Value="@type">@type.ToString()</MudSelectItem>
+                        }
+                    </MudSelect>
+                </MudItem>
+
+                <MudItem xs="12" sm="12" md="4" Class="d-flex justify-end">
+                    <MudIconButton Icon="@Icons.Material.Filled.Clear"
+                                   OnClick="ClearFilters"
+                                   Color="Color.Default"
+                                   Size="Size.Medium"
+                                   Title="Clear filters"/>
                 </MudItem>
             </MudGrid>
         </MudExpansionPanel>