Merge pull request #1804 from poanetwork/update-chains-menu

(Chore) Divide chains by Mainnet/Testnet in menu

CHANGELOG.md

@@ -28,6 +28,7 @@
 
 ### Chore
 
+ - [#1804](https://github.com/poanetwork/blockscout/pull/1804) - (Chore) Divide chains by Mainnet/Testnet in menu
  - [#1783](https://github.com/poanetwork/blockscout/pull/1783) - Update README with the chains that use Blockscout
  - [#1780](https://github.com/poanetwork/blockscout/pull/1780) - Update link to the Github repo in the footer
  - [#1757](https://github.com/poanetwork/blockscout/pull/1757) - Change twitter acc link to official Blockscout acc twitter

apps/block_scout_web/assets/css/components/_navbar.scss

@@ -158,6 +158,14 @@
     background-color: $tertiary;
     color: $white;
   }
+
+  &.header {
+    font-weight: bold;
+
+    &.division {
+      border-top: 1px solid rgb(183, 185, 184);
+    }
+  }
 }
 
 .add-border {

apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex

@@ -120,7 +120,12 @@
               <%= subnetwork_title() %>
             </a>
             <div class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <%= for %{url: url, title: title} <- other_networks() do %>
+              <a class="dropdown-item header">Mainnet</a>
+              <%= for %{url: url, title: title} <- main_nets() do %>
+                <a class="dropdown-item" href="<%= url%>"><%= title %></a>
+              <% end %>
+              <a class="dropdown-item header division">Testnet</a>
+              <%= for %{url: url, title: title} <- test_nets() do %>
                 <a class="dropdown-item" href="<%= url%>"><%= title %></a>
               <% end %>
             </div>

apps/block_scout_web/lib/block_scout_web/views/layout_view.ex

@@ -95,6 +95,7 @@ defmodule BlockScoutWeb.LayoutView do
     |> Enum.reject(fn %{title: title} ->
       title == subnetwork_title()
     end)
+    |> Enum.sort()
   end
 
   def main_nets do