minor visual changes, add exception handling to search bar

Author: eEXEO

Hiyakasudere/Data/ExternalAPI/Yandere/YanderePostService.cs

@@ -71,19 +71,25 @@ public string GenerateRequestURL(int postsPerPage, int currentPage, List<string>
 
     public async Task<IEnumerable<YandereTag>> GetTagsAutocompletion(string partialTag)
     {
-        IEnumerable<YandereTag> results = null;
+        IEnumerable<YandereTag> results = new List<YandereTag>();
 
         try
         {
             var req = "https://yande.re/tag.json?limit=10&name=" + partialTag;
 
-            var response = await client.GetAsync(req);
-
-            if (response.IsSuccessStatusCode)
+            try
             {
-                var content = await response.Content.ReadAsStringAsync();
+                var response = await client.GetAsync(req);
 
-                results = JsonConvert.DeserializeObject<IEnumerable<YandereTag>>(content);
+                if (response.IsSuccessStatusCode)
+                {
+                    var content = await response.Content.ReadAsStringAsync();
+
+                    results = JsonConvert.DeserializeObject<IEnumerable<YandereTag>>(content);
+                }
+            } catch (HttpRequestException e)
+            {
+                Debug.WriteLine(e.Message);
             }
         }
         catch (Exception e)

Hiyakasudere/Hiyakasudere.csproj

@@ -63,6 +63,14 @@
         <MauiAsset Include="Resources\Raw\**" LogicalName="%(RecursiveDir)%(Filename)%(Extension)" />
     </ItemGroup>
 
+    <ItemGroup>
+      <None Remove="Pages\Posts.razor.css" />
+    </ItemGroup>
+
+    <ItemGroup>
+      <Content Include="Pages\Posts.razor.css" />
+    </ItemGroup>
+
     <ItemGroup>
       <PackageReference Include="Blazored.Modal" Version="7.1.0" />
       <PackageReference Include="Blazored.Typeahead" Version="4.7.0" />

Hiyakasudere/Pages/Posts.razor

@@ -68,7 +68,7 @@
         <nav>
             <ul class="pagination">
                 <li class="page-item"><a class="page-link" @onclick="PrevPage">Previous</a></li>
-                <li class="page-item"><a class="page-link">@currentPage</a></li>
+                <li class="page-item" style="pointer-events: none;"><a class="page-link" style="font-weight: bold;">@currentPage</a></li>
                 <li class="page-item"><a class="page-link" @onclick="NextPage">Next</a></li>
             </ul>
         </nav>

Hiyakasudere/Pages/Posts.razor.css

@@ -0,0 +1,24 @@
+.pagination > li > a {
+    background-color: white;
+    color: #dc3545;
+}
+
+.pagination > li > a:focus,
+.pagination > li > a:hover,
+.pagination > li > span:focus,
+.pagination > li > span:hover {
+    color: white;
+    background-color: #dc3545;
+    border-color: #ddd;
+}
+
+.pagination > .active > a {
+    color: white;
+    background-color: #dc3545;
+    border: solid 1px #dc3545;
+}
+
+.pagination > .active > a:hover {
+    background-color: #dc3545;
+    border: solid 1px #dc3545;
+}

Hiyakasudere/Pages/Settings.razor

@@ -61,14 +61,14 @@
         </div>
         <div class="row mb-3">
             <div class="col-sm-12 text-center">
-                <button type="submit" class="btn btn-primary">Save settings</button>
+                <button type="submit" class="btn btn-danger">Save settings</button>
             </div>
         </div>
     </EditForm>
 
     <div class="row mb-3">
         <div class="col-sm-12 text-center">
-            <input class="btn btn-primary" value="Open Images Directory" @onclick="OpenSaveDir">
+            <input class="btn btn-danger" value="Open Images Directory" @onclick="OpenSaveDir">
         </div>
     </div>
 

Hiyakasudere/Shared/NavMenu.razor

@@ -2,7 +2,7 @@
 	<a @onclick="ToggleNavMenu" class="d-block p-3 link-dark text-decoration-none col-auto text-center">
 		<img src="images/llogo.png" width="40" />
 	</a>
-    <div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
+    <div class="@NavMenuCssClass sidebarmenu" @onclick="ToggleNavMenu">
 		<ul class="nav nav-pills nav-flush flex-column mb-auto text-center">
 			<li>
 				<a href="posts" class="nav-link py-3 border-bottom rounded-0">

Hiyakasudere/Shared/NavMenu.razor.css

@@ -2,7 +2,16 @@
     background-color: rgba(255, 255, 255, 0.1);
 }
 
-.top-row {
+    .sidebarmenu > ul > li > a:hover,
+    .sidebarmenu > ul > li > span:hover {
+        color: white;
+        background-color: #dc3545;
+        border-color: #ddd;
+    }
+
+
+
+/*.top-row {
     height: 3.5rem;
     background-color: rgba(0,0,0,0.4);
 }
@@ -48,7 +57,7 @@
 .nav-item ::deep a:hover {
     background-color: rgba(255,255,255,0.1);
     color: white;
-}
+}*/
 
 @media (min-width: 641px) {
     .navbar-toggler {

Hiyakasudere/wwwroot/css/app.css

@@ -67,6 +67,7 @@ a, .btn-link {
     display: none;
 }
 
+
 @supports (-webkit-touch-callout: none) {
     .status-bar-safe-area {
         display: flex;

Hiyakasudere/wwwroot/index.html

@@ -21,9 +21,8 @@
 	<div id="app">Loading...</div>
 
 	<div id="blazor-error-ui">
-		An unhandled error has occurred.
-		<a href="" class="reload">Reload</a>
-		<a class="dismiss">🗙</a>
+		An unhandled error has occurred. Mostly likely network connection issue
+		<a href="" class="reload">Try to reload</a>
 	</div>
 
 	<script src="_framework/blazor.webview.js" autostart="false"></script>