Feature/UI (#51)

* feat(ui): fix first column * feat(ui): css fixes, dark mode, show env name * feat(ui): open pubkey in nostr.at
bezysoftware · Sep 27, 2024 · 4059ec4 · 4059ec4
1 parent b0965ef
commit 4059ec4
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 6 deletions.
diff --git a/art/transparent.png b/art/transparent.png
diff --git a/src/Netstr/Controllers/HomeController.cs b/src/Netstr/Controllers/HomeController.cs
@@ -8,10 +8,12 @@ namespace Netstr.Controllers
     public class HomeController : Controller
     {
         private readonly IRelayInformationService service;
+        private readonly IHostEnvironment environment;
 
-        public HomeController(IRelayInformationService service)
+        public HomeController(IRelayInformationService service, IHostEnvironment environment)
         {
             this.service = service;
+            this.environment = environment;
         }
 
         [HttpGet]
@@ -23,7 +25,7 @@ public IActionResult Index()
             }
             else
             {
-                var vm = new HomeViewModel(this.service.GetDocument(), $"wss://{Request.Host}");
+                var vm = new HomeViewModel(this.service.GetDocument(), $"wss://{Request.Host}", this.environment.EnvironmentName);
                 return View(vm);
             }
         }

diff --git a/src/Netstr/ViewModels/HomeViewModel.cs b/src/Netstr/ViewModels/HomeViewModel.cs
@@ -2,7 +2,10 @@
 
 namespace Netstr.ViewModels
 {
-    public record HomeViewModel(RelayInformationModel RelayInformation, string ConnectionLink)
+    public record HomeViewModel(
+        RelayInformationModel RelayInformation, 
+        string ConnectionLink, 
+        string Environment)
     {
     }
 }
diff --git a/src/Netstr/Views/Home/Index.cshtml b/src/Netstr/Views/Home/Index.cshtml
@@ -22,14 +22,14 @@
             }
             <tr>
                 <td>Pubkey</td>
-                <td>@Model.RelayInformation.PublicKey</td>
+                <td><a href="https://nostr.at/@(Model.RelayInformation.PublicKey)" target="_blank">@Model.RelayInformation.PublicKey</a></td>
             </tr>
             <tr>
                 <td>Supported NIPs</td>
                 <td>
                     @foreach (var nip in @Model.RelayInformation.SupportedNips)
                     {
-                        <a href="https://github.com/nostr-protocol/nips/blob/master/@(nip).md" target="_blank">@nip</a>   
+                        <a href="https://github.com/nostr-protocol/nips/blob/master/@(nip.ToString("D2")).md" target="_blank">@nip</a>   
                     }
                 </td>
             </tr>
@@ -41,6 +41,10 @@
                 <td>Software</td>
                 <td><a href="@Model.RelayInformation.Software" target="_blank">@Model.RelayInformation.Software</a></td>
             </tr>
+            <tr>
+                <td>Environment</td>
+                <td>@Model.Environment</td>
+            </tr>
         </table>
 
         <div class="connect-box">

diff --git a/src/Netstr/Views/Home/Index.cshtml.css b/src/Netstr/Views/Home/Index.cshtml.css
@@ -28,7 +28,7 @@ table {
 }
 
 tr:hover td:nth-child(2) {
-    opacity: 0.5;
+    opacity: 0.8;
 }
 
 td {
@@ -46,6 +46,7 @@ td a {
 td:first-child {
     background-color: #6A1B9A;
     font-weight: bold;
+    white-space: nowrap;
 }
 
 .connect-box {
@@ -57,4 +58,12 @@ td:first-child {
 
 .connect-box strong {
     font-weight: bold;
+}
+
+/*Dark mode*/
+@media (prefers-color-scheme: dark) {
+    .container {
+        background: linear-gradient(313deg, #2e2e2e 0%, #5e5e5e 100%);
+        color: white;
+    }
 }