CleanUp

Author: PrashantUnity

Component/AppBar.razor

@@ -1,43 +1,46 @@
 @inject Data Datas
 @inject NavigationManager nav
 @inject IJSRuntime JSRuntime
-<MudAppBar 
-    Color="Color.Secondary" 
-    Fixed="true" 
-    Dense="true" 
-    Elevation="0" 
+<MudAppBar
+    Color="Color.Secondary"
+    Fixed="true"
+    Dense="true"
+    Elevation="0"
     Class="">
-    <MudIconButton 
-        Icon="@Icons.Material.Filled.Home" 
-        Color="Color.Inherit" 
+    <MudIconButton
+        Icon="@Icons.Material.Filled.Home"
+        Color="Color.Inherit"
         Edge="Edge.Start"
-        OnClick="GoToHomePage" />
-    <MudSpacer />
+        OnClick="GoToHomePage"/>
+    <MudSpacer/>
     <MudPaper Elevation="0" Class="mx-6">
         <div class="InputContainer">
             <input type="text"
                    name="text"
                    @bind-value="@FindData"
                    class="input" id="input"
-                   placeholder="Search" >
+                   placeholder="Search">
 
             <label for="input" class="labelforsearch">
 
             </label>
 
             <button class="micButton" @onclick="GoTOPage">
-                <svg viewBox="0 0 512 512" class="searchIcon"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg>
+                <svg viewBox="0 0 512 512" class="searchIcon">
+                    <path
+                        d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path>
+                </svg>
             </button>
         </div>
     </MudPaper>
 </MudAppBar>
- 
-@code {     
+
+@code {
     public string FindData = string.Empty;
-    
+
     void GoToHomePage()
-    { 
-        nav.NavigateTo(""); 
+    {
+        nav.NavigateTo("");
     }
 
     public void GoTOPage()
@@ -47,14 +50,16 @@
         {
             nav.NavigateTo($"Search/{FindData}");
         }
-    } 
+    }
+
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
         if (firstRender)
         {
             await JSRuntime.InvokeVoidAsync("blazorKeyPressed", DotNetObjectReference.Create(this));
         }
     }
+
     [JSInvokable]
     public void OnArrowKeyPressed(string key)
     {
@@ -65,15 +70,20 @@
         }
 
         StateHasChanged();
-    } 
+    }
+
     void Filter()
     {
         Datas.FilteredData = Datas.VideosData.Where(x => x.Description != null && x.Description.Contains(FindData, StringComparison.OrdinalIgnoreCase))
-                .ToList();
+            .ToList();
     }
+
 }
- 
+
+
+
 @code{
+
     protected override async Task OnInitializedAsync()
     {
         Datas.OnChange += StateHasChanged;
@@ -84,7 +94,9 @@
     {
         Datas.OnChange -= StateHasChanged;
     }
+
 }
+
 <style>
     .InputContainer {
         height: 40px;

Component/ErrorPage.razor

@@ -3,42 +3,45 @@
 <MudPaper Class="d-flex flex-wrap justify-center "
           Style="background-color:transparent"
           Elevation="0"
-          Width="100%"> 
-        <MudImage  
-            Src="Tom.png" 
-            Alt="404 Error page" 
-            Class="rounded-lg imageHight"  
-            @onclick="Home"  
-            /> 
-</MudPaper>  
-<MudDialog @bind-IsVisible="_visible" Options="_dialogOptions"> 
-    <DialogContent> 
+          Width="100%">
+    <MudImage
+        Src="Tom.png"
+        Alt="404 Error page"
+        Class="rounded-lg imageHight"
+        @onclick="Home"
+    />
+</MudPaper>
+<MudDialog @bind-IsVisible="_visible" Options="_dialogOptions">
+    <DialogContent>
         <MudImage Src="Tom.png"
                   Alt="404 Error page"
                   Class="rounded-lg"
-                  Fluid=true
-                  @onclick="Home" />
-        <MudButton Variant="Variant.Outlined" 
-        Color="Color.Secondary"
+                  Fluid="true"
+                  @onclick="Home"/>
+        <MudButton Variant="Variant.Outlined"
+                   Color="Color.Secondary"
                    OnClick="Home"
-                   Class="px-10 " FullWidth=true>Go Home</MudButton>
-    </DialogContent> 
+                   Class="px-10 " FullWidth="true">Go Home
+        </MudButton>
+    </DialogContent>
 </MudDialog>
+
 @code {
-    private bool _visible = true;   
+    private bool _visible = true;
     private DialogOptions _dialogOptions = new() { FullWidth = true, ClassBackground = "my-custom-class" };
+
     void Home()
     {
         _visible = false;
         Nav.NavigateTo($"");
     }
+
 }
 
 <style>
-    .imageHight
-    {
-        height:80%;
-        width:80%;
+    .imageHight {
+        height: 80%;
+        width: 80%;
     }
 
     .my-custom-class {

Component/Thumbnail.razor

@@ -1,11 +1,12 @@
 @inject NavigationManager Nav
 
 
-<MudPaper Width="400px" MaxHeight="480px" Class="mx-1 my-2" Style="background-color:transparent" >
+<MudPaper Width="400px" MaxHeight="480px" Class="mx-1 my-2" Style="background-color:transparent">
     <MudCard>
-        <MudCardMedia Image="@VideoModel.Thumbnail" Height="300" />
+        <MudCardMedia Image="@VideoModel.Thumbnail" Height="300"/>
         <MudCardContent>
-            <MudText Typo="Typo.h5">@string.Join(" ", VideoModel.Description.Split(".").Where(x=>x!="mkv").Select(x=>x))</MudText>
+            <MudText
+                Typo="Typo.h5">@string.Join(" ", VideoModel.Description.Split(".").Where(x => x != "mkv").Select(x => x))</MudText>
         </MudCardContent>
     </MudCard>
 </MudPaper>
@@ -14,6 +15,7 @@
 @code
 {
     [Parameter] public Video VideoModel { get; set; } = new();
+
     public void GoToPage()
     {
         Nav.NavigateTo($"playmedia/{VideoModel.Id}");