Commit Update

Author: PrashantUnity

Component/AppBar.razor

@@ -1,88 +1,79 @@
 @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"
+                   @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 {
-    private string _findData = string.Empty;
-
+ 
+@code {     
+    public string FindData = string.Empty;
+    
     void GoToHomePage()
-    {
-        Nav.NavigateTo("");
+    { 
+        Nav.NavigateTo(""); 
     }
 
-    private void GoToPage()
+    public void GoToPage()
     {
         Filter();
-        if (!string.IsNullOrEmpty(_findData))
+        if (!string.IsNullOrEmpty(FindData))
         {
-            Nav.NavigateTo($"Search/{_findData}");
+            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)
     {
         Filter();
-        if (key == "Enter" && !string.IsNullOrEmpty(_findData))
+        if (key == "Enter" && !string.IsNullOrEmpty(FindData))
         {
-            Nav.NavigateTo($"Search/{_findData}");
+            Nav.NavigateTo($"Search/{FindData}");
         }
 
         StateHasChanged();
-    }
-
+    } 
     void Filter()
     {
-        Datas.FilteredData = Datas.VideosData.Where(x => x.Description != null && x.Description.Contains(_findData, StringComparison.OrdinalIgnoreCase))
-            .ToList();
+        Datas.FilteredData = Datas.VideosData.Where(x => x.Description != null && x.Description.Contains(FindData, StringComparison.OrdinalIgnoreCase))
+                .ToList();
     }
-
 }
-
-
+ 
 @code{
-
     protected override async Task OnInitializedAsync()
     {
         Datas.OnChange += StateHasChanged;
@@ -93,9 +84,7 @@
     {
         Datas.OnChange -= StateHasChanged;
     }
-
 }
-
 <style>
     .InputContainer {
         height: 40px;

Component/ErrorPage.razor

@@ -3,45 +3,42 @@
 <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,12 +1,11 @@
 @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>
@@ -15,9 +14,8 @@
 @code
 {
     [Parameter] public Video VideoModel { get; set; } = new();
-
     public void GoToPage()
     {
-        Nav.NavigateTo($"playmedia/{VideoModel.VideoId}");
+        Nav.NavigateTo($"playmedia/{VideoModel.Id}");
     }
 }