From 8761e017e5340d78c96a8c097fb1a32bb25697fb Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Mon, 15 Feb 2021 14:22:54 +0300
Subject: [PATCH 1/6] BSC OMNI bridge support

---
 CHANGELOG.md                                  |  1 +
 .../assets/css/components/_dropdown.scss      |  1 +
 .../assets/css/components/_label.scss         |  8 +++
 apps/block_scout_web/config/config.exs        |  3 +-
 .../tokens/bridged_tokens_controller.ex       | 51 ++++++++++++++--
 .../templates/bridged_tokens/_tile.html.eex   |  5 +-
 .../templates/bridged_tokens/index.html.eex   |  2 +-
 .../templates/layout/_topnav.html.eex         | 13 ++--
 .../templates/tokens/_tile.html.eex           |  2 +-
 .../templates/tokens/index.html.eex           |  2 +-
 .../views/bridged_tokens_view.ex              | 16 +++++
 .../lib/block_scout_web/views/tokens_view.ex  |  7 +--
 .../lib/block_scout_web/web_router.ex         |  2 +-
 apps/block_scout_web/priv/gettext/default.pot | 51 +++++++++-------
 .../priv/gettext/en/LC_MESSAGES/default.po    | 51 +++++++++-------
 apps/explorer/lib/explorer/chain.ex           | 61 ++++++++++++++++---
 apps/indexer/lib/indexer/supervisor.ex        |  5 +-
 17 files changed, 202 insertions(+), 79 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 326fa47265..984aed9cd7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#3631](https://github.com/poanetwork/blockscout/pull/3631) - BSC OMNI bridge support
 - [#3603](https://github.com/poanetwork/blockscout/pull/3603) - Display method output parameter name at contract read page
 - [#3597](https://github.com/poanetwork/blockscout/pull/3597) - Show APY for delegators in Staking DApp
 - [#3584](https://github.com/poanetwork/blockscout/pull/3584) - Token holders API endpoint
diff --git a/apps/block_scout_web/assets/css/components/_dropdown.scss b/apps/block_scout_web/assets/css/components/_dropdown.scss
index b15f6c5c4a..3fe3831dcc 100644
--- a/apps/block_scout_web/assets/css/components/_dropdown.scss
+++ b/apps/block_scout_web/assets/css/components/_dropdown.scss
@@ -40,6 +40,7 @@ $dropdown-menu-item-hover-background: rgba($secondary, 0.1) !default;
   font-size: 12px;
   padding: 10px 20px;
   transition: $transition-cont;
+  white-space: initial;
 
   & {
     &.active,
diff --git a/apps/block_scout_web/assets/css/components/_label.scss b/apps/block_scout_web/assets/css/components/_label.scss
index 970dadba8c..f9fd228461 100644
--- a/apps/block_scout_web/assets/css/components/_label.scss
+++ b/apps/block_scout_web/assets/css/components/_label.scss
@@ -17,6 +17,14 @@
         background: $secondary;
         color: #fff;
     }
+    &.destination-eth {
+        background: #253358;
+        color: #fff;
+    }
+    &.destination-bsc {
+        background: #e7b941;
+        color: #fff;
+    }
     &.secondary {
         background: $secondary;
         color: #fff;
diff --git a/apps/block_scout_web/config/config.exs b/apps/block_scout_web/config/config.exs
index 6ab54f6e8b..c865533fcb 100644
--- a/apps/block_scout_web/config/config.exs
+++ b/apps/block_scout_web/config/config.exs
@@ -35,7 +35,8 @@ config :block_scout_web,
   api_url: System.get_env("API_URL"),
   apps_menu: if(System.get_env("APPS_MENU", "false") == "true", do: true, else: false),
   external_apps: System.get_env("EXTERNAL_APPS"),
-  omni_bridge_mediator: System.get_env("OMNI_BRIDGE_MEDIATOR"),
+  eth_omni_bridge_mediator: System.get_env("ETH_OMNI_BRIDGE_MEDIATOR"),
+  bsc_omni_bridge_mediator: System.get_env("BSC_OMNI_BRIDGE_MEDIATOR"),
   amb_bridge_mediators: System.get_env("AMB_BRIDGE_MEDIATORS"),
   foreign_json_rpc: System.get_env("FOREIGN_JSON_RPC", ""),
   gas_price: System.get_env("GAS_PRICE", nil),
diff --git a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
index 7f5f34b470..6e29635c63 100644
--- a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
+++ b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
@@ -7,11 +7,46 @@ defmodule BlockScoutWeb.BridgedTokensController do
   alias Explorer.Chain
   alias Phoenix.View
 
-  def index(conn, %{"type" => "JSON"} = params) do
-    tokens =
+  def show(conn, %{"type" => "JSON", "id" => "eth"} = params) do
+    show(conn, params, :eth)
+  end
+
+  def show(conn, %{"type" => "JSON", "id" => "bsc"} = params) do
+    show(conn, params, :bsc)
+  end
+
+  def show(conn, %{"id" => "eth"}) do
+    total_supply = Chain.total_supply()
+
+    render(conn, "index.html",
+      current_path: current_path(conn),
+      total_supply: total_supply,
+      chain: "Ethereum",
+      chain_id: 1
+    )
+  end
+
+  def show(conn, %{"id" => "bsc"}) do
+    total_supply = Chain.total_supply()
+
+    render(conn, "index.html",
+      current_path: current_path(conn),
+      total_supply: total_supply,
+      chain: "Binance Smart Chain",
+      chain_id: 56
+    )
+  end
+
+  def show(conn, _params) do
+    not_found(conn)
+  end
+
+  defp show(conn, params, destination) do
+    full_params =
       params
       |> paging_options()
-      |> Chain.list_top_bridged_tokens()
+
+    tokens = Chain.list_top_bridged_tokens(destination, full_params)
 
     {tokens_page, next_page} = split_list_by_page(tokens)
 
@@ -23,7 +58,8 @@ defmodule BlockScoutWeb.BridgedTokensController do
         next_page_params ->
           bridged_tokens_path(
             conn,
-            :index,
+            :show,
+            destination,
             Map.delete(next_page_params, "type")
           )
       end
@@ -60,12 +96,17 @@ defmodule BlockScoutWeb.BridgedTokensController do
     )
   end
 
+  def index(conn, %{"type" => "JSON"} = params) do
+    show(conn, params, :eth)
+  end
+
   def index(conn, _params) do
     total_supply = Chain.total_supply()
 
     render(conn, "index.html",
       current_path: current_path(conn),
-      total_supply: total_supply
+      total_supply: total_supply,
+      chain: "Ethereum"
     )
   end
 end
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
index 1ddaf92a8b..f76e36d6fb 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
@@ -30,9 +30,12 @@
           <i style="color: #f7b32b;" class="fa fa-info-circle ml-1" data-test="owl_info"></i>
         </span>
       <% end %>
-      <%= if @bridged_token.type do %>
+      <%= if @bridged_token && @bridged_token.type do %>
         <div class="bs-label right <%= @bridged_token.type %>"><%= String.upcase(@bridged_token.type) %></div>
       <% end %>
+      <%= if @bridged_token && @bridged_token.foreign_chain_id do %>
+        <div class="bs-label right ml-2 destination-<%= chain_id_display_name(@bridged_token.foreign_chain_id) %>"><%= String.upcase(chain_id_display_name(@bridged_token.foreign_chain_id)) %></div>
+      <% end %>
     </div>
   </td>
   <td class="stakes-td">
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
index 891a95ac01..237f9dcb7c 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
@@ -1,7 +1,7 @@
 <section class="container">
   <div class="card">
     <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
-      <h1 class="card-title"><%= gettext "Bridged Tokens" %></h1>
+      <h1 class="card-title"><%= gettext "Bridged Tokens from " %><%= @chain %><div class="bs-label ml-2 destination-<%= chain_id_display_name(@chain_id) %>"><%= String.upcase(chain_id_display_name(@chain_id)) %></div></h1>
 	  <div>
 	  	<p class="card-subtitle list-title-description">List of the tokens bridged through OmniBridge <span class="bs-label omni">OMNI</span> and Arbitrary Message Bridge <span class="bs-label amb">AMB</span> extensions</p>
 	  	<div class="list-top-pagination-container-wrapper">
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
index 537aa6d55c..3e196dac10 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
@@ -78,7 +78,7 @@
               <%= gettext("Accounts") %>
             <% end %>
           </li>
-          <%= if Application.get_env(:block_scout_web, :omni_bridge_mediator) && Application.get_env(:block_scout_web, :omni_bridge_mediator) != "" do %>
+          <%= if Chain.bridged_tokens_enabled?() do %>
             <li class="nav-item dropdown">
               <a href="#" role="button" id="navbarTokensDropdown" class="nav-link topnav-nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 <span class="nav-link-icon">
@@ -93,9 +93,14 @@
                       to: tokens_path(@conn, :index)
                     ) %>
                 <%= link(
-                      gettext("Bridged"),
-                      class: "dropdown-item #{tab_status("bridged-tokens", @conn.request_path)}",
-                      to: bridged_tokens_path(@conn, :index)
+                      gettext("Bridged from Ethereum"),
+                      class: "dropdown-item #{tab_status("bridged-tokens/eth", @conn.request_path)}",
+                      to: bridged_tokens_path(@conn, :show, :eth)
+                    ) %>
+                <%= link(
+                      gettext("Bridged from BSC"),
+                      class: "dropdown-item #{tab_status("bridged-tokens/bsc", @conn.request_path)}",
+                      to: bridged_tokens_path(@conn, :show, :bsc)
                     ) %>
               </div>
             </li>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex
index bee67d6e5f..9dfc2ef56f 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex
@@ -20,7 +20,7 @@
       use_custom_tooltip: false
     %>
   </td>
-  <%= if bridged_tokens_enabled?() do %>
+  <%= if Chain.bridged_tokens_enabled?() do %>
     <td class="stakes-td">
       <%= case @token.bridged do %>
       <% nil -> %>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
index c029c5fed5..f4e3d82ae2 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
@@ -21,7 +21,7 @@
 	      <th class="stakes-table-th">
 			<div class="stakes-table-th-content">Address</div>
 	      </th>
-		  <%= if bridged_tokens_enabled?() do %>
+		  <%= if Chain.bridged_tokens_enabled?() do %>
 			<th class="stakes-table-th">
 				<div class="stakes-table-th-content">Bridged?</div>
 			</th>
diff --git a/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex b/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
index 1af950b205..57808ea34f 100644
--- a/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
+++ b/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
@@ -28,4 +28,20 @@ defmodule BlockScoutWeb.BridgedTokensView do
   def owl_token_omni_info do
     "<div class='custom-tooltip-header'>OWL token bridged through OmniBridge without support of <i>burnOWL</i> method. It is not recommended to use.</div>"
   end
+
+  def chain_id_display_name(chain_id) do
+    chain_id_int =
+      if is_integer(chain_id) do
+        chain_id
+      else
+        chain_id
+        |> Decimal.to_integer()
+      end
+
+    case chain_id_int do
+      1 -> "eth"
+      56 -> "bsc"
+      _ -> ""
+    end
+  end
 end
diff --git a/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex b/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex
index bde196fa85..aafc4de64a 100644
--- a/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex
+++ b/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex
@@ -1,17 +1,12 @@
 defmodule BlockScoutWeb.TokensView do
   use BlockScoutWeb, :view
 
+  alias Explorer.Chain
   alias Explorer.Chain.Token
 
   def decimals?(%Token{decimals: nil}), do: false
   def decimals?(%Token{decimals: _}), do: true
 
-  def bridged_tokens_enabled? do
-    omni_bridge_mediator = Application.get_env(:block_scout_web, :omni_bridge_mediator)
-
-    omni_bridge_mediator && omni_bridge_mediator !== ""
-  end
-
   def token_display_name(%Token{name: nil, symbol: nil}), do: ""
 
   def token_display_name(%Token{name: "", symbol: ""}), do: ""
diff --git a/apps/block_scout_web/lib/block_scout_web/web_router.ex b/apps/block_scout_web/lib/block_scout_web/web_router.ex
index 91360fe475..0db15bd1c5 100644
--- a/apps/block_scout_web/lib/block_scout_web/web_router.ex
+++ b/apps/block_scout_web/lib/block_scout_web/web_router.ex
@@ -79,7 +79,7 @@ defmodule BlockScoutWeb.WebRouter do
 
     resources("/tokens", TokensController, only: [:index])
 
-    resources("/bridged-tokens", BridgedTokensController, only: [:index])
+    resources("/bridged-tokens", BridgedTokensController, only: [:index, :show])
 
     resources "/address", AddressController, only: [:show] do
       resources("/transactions", AddressTransactionController, only: [:index], as: :transaction)
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 51f1716f3b..378f605f56 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -107,7 +107,7 @@ msgid "API for the %{subnetwork} - BlockScout"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:119
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:124
 msgid "APIs"
 msgstr ""
 
@@ -624,7 +624,7 @@ msgid "Error: Could not determine contract creator."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:133
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:138
 msgid "Eth RPC"
 msgstr ""
 
@@ -725,7 +725,7 @@ msgid "Github"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:123
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:128
 msgid "GraphQL"
 msgstr ""
 
@@ -1192,7 +1192,7 @@ msgid "Query"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:128
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:133
 msgid "RPC"
 msgstr ""
 
@@ -1250,13 +1250,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/index.html.eex:14
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:210
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:254
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:215
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:259
 msgid "Search"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:204
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:209
 msgid "Search by address, token symbol name, transaction hash, or block number"
 msgstr ""
 
@@ -1861,7 +1861,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_token/index.html.eex:8
 #: lib/block_scout_web/templates/address_token_transfer/index.html.eex:11
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:87
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:108
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:113
 #: lib/block_scout_web/templates/tokens/index.html.eex:4
 #: lib/block_scout_web/views/address_view.ex:343
 msgid "Tokens"
@@ -1942,7 +1942,7 @@ msgid "Write Proxy"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:147
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:152
 msgid "Apps"
 msgstr ""
 
@@ -1952,7 +1952,7 @@ msgid "Copy Raw Trace"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:208
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:213
 msgid "Search by address, token symbol, name, transaction hash, or block number"
 msgstr ""
 
@@ -1976,16 +1976,6 @@ msgstr ""
 msgid "page"
 msgstr ""
 
-#, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:96
-msgid "Bridged"
-msgstr ""
-
-#, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
-msgid "Bridged Tokens"
-msgstr ""
-
 #, elixir-format
 #: lib/block_scout_web/templates/address/_custom_view_df_title.html.eex:9
 #: lib/block_scout_web/templates/address/_custom_view_df_title.html.eex:13
@@ -2609,7 +2599,7 @@ msgid "validator"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:149
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:154
 msgid "Stakes"
 msgstr ""
 
@@ -2620,12 +2610,12 @@ msgid "Contract is not verified. However, we found a verified contract with the
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:155
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:160
 msgid "Staking"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:247
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:252
 msgid "Press / and focus will be moved to the search field"
 msgstr ""
 
@@ -2686,3 +2676,18 @@ msgstr ""
 #: lib/block_scout_web/templates/stakes/_table.html.eex:39
 msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait for a few blocks (APY cannot be calculated at the very beginning of a staking epoch)."
 msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
+msgid "Bridged Tokens from "
+msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:96
+msgid "Bridged from Ethereum"
+msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:101
+msgid "Bridged from BSC"
+msgstr ""
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 51f1716f3b..5f5ee0f178 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -107,7 +107,7 @@ msgid "API for the %{subnetwork} - BlockScout"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:119
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:124
 msgid "APIs"
 msgstr ""
 
@@ -624,7 +624,7 @@ msgid "Error: Could not determine contract creator."
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:133
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:138
 msgid "Eth RPC"
 msgstr ""
 
@@ -725,7 +725,7 @@ msgid "Github"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:123
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:128
 msgid "GraphQL"
 msgstr ""
 
@@ -1192,7 +1192,7 @@ msgid "Query"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:128
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:133
 msgid "RPC"
 msgstr ""
 
@@ -1250,13 +1250,13 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/index.html.eex:14
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:210
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:254
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:215
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:259
 msgid "Search"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:204
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:209
 msgid "Search by address, token symbol name, transaction hash, or block number"
 msgstr ""
 
@@ -1861,7 +1861,7 @@ msgstr ""
 #: lib/block_scout_web/templates/address_token/index.html.eex:8
 #: lib/block_scout_web/templates/address_token_transfer/index.html.eex:11
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:87
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:108
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:113
 #: lib/block_scout_web/templates/tokens/index.html.eex:4
 #: lib/block_scout_web/views/address_view.ex:343
 msgid "Tokens"
@@ -1942,7 +1942,7 @@ msgid "Write Proxy"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:147
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:152
 msgid "Apps"
 msgstr ""
 
@@ -1952,7 +1952,7 @@ msgid "Copy Raw Trace"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:208
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:213
 msgid "Search by address, token symbol, name, transaction hash, or block number"
 msgstr ""
 
@@ -1976,16 +1976,6 @@ msgstr ""
 msgid "page"
 msgstr ""
 
-#, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:96
-msgid "Bridged"
-msgstr ""
-
-#, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
-msgid "Bridged Tokens"
-msgstr ""
-
 #, elixir-format
 #: lib/block_scout_web/templates/address/_custom_view_df_title.html.eex:9
 #: lib/block_scout_web/templates/address/_custom_view_df_title.html.eex:13
@@ -2609,7 +2599,7 @@ msgid "validator"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:149
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:154
 msgid "Stakes"
 msgstr ""
 
@@ -2620,12 +2610,12 @@ msgid "Contract is not verified. However, we found a verified contract with the
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:155
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:160
 msgid "Staking"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:247
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:252
 msgid "Press / and focus will be moved to the search field"
 msgstr ""
 
@@ -2686,3 +2676,18 @@ msgstr ""
 #: lib/block_scout_web/templates/stakes/_table.html.eex:39
 msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait for a few blocks (APY cannot be calculated at the very beginning of a staking epoch)."
 msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
+msgid "Bridged Tokens from "
+msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:96
+msgid "Bridged from Ethereum"
+msgstr ""
+
+#, elixir-format, fuzzy
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:101
+msgid "Bridged from BSC"
+msgstr ""
diff --git a/apps/explorer/lib/explorer/chain.ex b/apps/explorer/lib/explorer/chain.ex
index 6db842afbe..f21c0cde28 100644
--- a/apps/explorer/lib/explorer/chain.ex
+++ b/apps/explorer/lib/explorer/chain.ex
@@ -1829,11 +1829,13 @@ defmodule Explorer.Chain do
     fetch_top_tokens(paging_options)
   end
 
-  @spec list_top_bridged_tokens :: [{Token.t(), non_neg_integer()}]
-  def list_top_bridged_tokens(options \\ []) do
+  @spec list_top_bridged_tokens(String.t(), [paging_options | necessity_by_association_option]) :: [
+          {Token.t(), non_neg_integer()}
+        ]
+  def list_top_bridged_tokens(destination, options \\ []) do
     paging_options = Keyword.get(options, :paging_options, @default_paging_options)
 
-    fetch_top_bridged_tokens(paging_options)
+    fetch_top_bridged_tokens(destination, paging_options)
   end
 
   defp fetch_top_tokens(paging_options) do
@@ -1850,15 +1852,18 @@ defmodule Explorer.Chain do
     |> Repo.all()
   end
 
-  defp fetch_top_bridged_tokens(paging_options) do
+  defp fetch_top_bridged_tokens(destination, paging_options) do
+    chain_id = translate_destination_to_chain_id(destination)
+
     bridged_tokens_query =
       from(bt in BridgedToken,
-        select: bt
+        select: bt,
+        where: bt.foreign_chain_id == ^chain_id
       )
 
     base_query =
       from(t in Token,
-        left_join: bt in subquery(bridged_tokens_query),
+        right_join: bt in subquery(bridged_tokens_query),
         on: t.contract_address_hash == bt.home_token_contract_address_hash,
         where: t.total_supply > ^0,
         where: t.bridged,
@@ -1873,6 +1878,14 @@ defmodule Explorer.Chain do
     |> Repo.all()
   end
 
+  defp translate_destination_to_chain_id(destination) do
+    case destination do
+      :eth -> 1
+      :bsc -> 56
+      _ -> 1
+    end
+  end
+
   @doc """
   Calls `reducer` on a stream of `t:Explorer.Chain.Block.t/0` without `t:Explorer.Chain.Block.Reward.t/0`.
   """
@@ -3829,7 +3842,17 @@ defmodule Explorer.Chain do
           set_token_bridged_status(token_address_hash, false)
 
         created_from_int_tx && created_from_int_tx_success ->
-          extract_omni_bridged_token_metadata_wrapper(token_address_hash, created_from_int_tx_success)
+          extract_omni_bridged_token_metadata_wrapper(
+            token_address_hash,
+            created_from_int_tx_success,
+            :eth_omni_bridge_mediator
+          )
+
+          extract_omni_bridged_token_metadata_wrapper(
+            token_address_hash,
+            created_from_int_tx_success,
+            :bsc_omni_bridge_mediator
+          )
 
         true ->
           :ok
@@ -3839,8 +3862,8 @@ defmodule Explorer.Chain do
     :ok
   end
 
-  defp extract_omni_bridged_token_metadata_wrapper(token_address_hash, created_from_int_tx_success) do
-    omni_bridge_mediator = Application.get_env(:block_scout_web, :omni_bridge_mediator)
+  defp extract_omni_bridged_token_metadata_wrapper(token_address_hash, created_from_int_tx_success, mediator) do
+    omni_bridge_mediator = Application.get_env(:block_scout_web, mediator)
     %{transaction_hash: transaction_hash} = created_from_int_tx_success
 
     if omni_bridge_mediator && omni_bridge_mediator !== "" do
@@ -5732,4 +5755,24 @@ defmodule Explorer.Chain do
     |> limit(1)
     |> Repo.one()
   end
+
+  def bridged_tokens_enabled? do
+    eth_omni_bridge_mediator = Application.get_env(:block_scout_web, :eth_omni_bridge_mediator)
+    bsc_omni_bridge_mediator = Application.get_env(:block_scout_web, :bsc_omni_bridge_mediator)
+
+    (eth_omni_bridge_mediator && eth_omni_bridge_mediator !== "") ||
+      (bsc_omni_bridge_mediator && bsc_omni_bridge_mediator !== "")
+  end
+
+  def bridged_tokens_eth_enabled? do
+    eth_omni_bridge_mediator = Application.get_env(:block_scout_web, :eth_omni_bridge_mediator)
+
+    eth_omni_bridge_mediator && eth_omni_bridge_mediator !== ""
+  end
+
+  def bridged_tokens_bsc_enabled? do
+    bsc_omni_bridge_mediator = Application.get_env(:block_scout_web, :bsc_omni_bridge_mediator)
+
+    bsc_omni_bridge_mediator && bsc_omni_bridge_mediator !== ""
+  end
 end
diff --git a/apps/indexer/lib/indexer/supervisor.ex b/apps/indexer/lib/indexer/supervisor.ex
index cea90d8b47..12ebf8b7ab 100644
--- a/apps/indexer/lib/indexer/supervisor.ex
+++ b/apps/indexer/lib/indexer/supervisor.ex
@@ -5,6 +5,7 @@ defmodule Indexer.Supervisor do
 
   use Supervisor
 
+  alias Explorer.Chain
   alias Indexer.{Block, PendingOpsCleaner, SetAmbBridgedMetadataForTokens, SetOmniBridgedMetadataForTokens}
   alias Indexer.Block.{Catchup, Realtime}
 
@@ -129,10 +130,8 @@ defmodule Indexer.Supervisor do
       {PendingOpsCleaner, [[], []]}
     ]
 
-    omni_bridge_mediator = Application.get_env(:block_scout_web, :omni_bridge_mediator)
-
     extended_fetchers =
-      if omni_bridge_mediator && omni_bridge_mediator !== "" do
+      if Chain.bridged_tokens_enabled?() do
         [{SetOmniBridgedMetadataForTokens, [[], []]} | basic_fetchers]
       else
         basic_fetchers

From 176b514fb7eb4f0fc7cca7c833df48c555087a57 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Mon, 15 Feb 2021 18:50:33 +0300
Subject: [PATCH 2/6] Tokens search

---
 CHANGELOG.md                                  |  1 +
 .../assets/css/components/_form.scss          | 44 ++++++++++++++++
 .../assets/css/components/_label.scss         |  4 +-
 .../assets/js/pages/token/search.js           | 50 +++++++++++++++++++
 apps/block_scout_web/assets/webpack.config.js |  3 +-
 .../tokens/bridged_tokens_controller.ex       | 45 ++++++++++-------
 .../controllers/tokens/tokens_controller.ex   | 12 ++++-
 .../templates/bridged_tokens/index.html.eex   | 11 ++--
 .../templates/tokens/index.html.eex           | 11 ++--
 apps/block_scout_web/priv/gettext/default.pot |  2 +-
 .../priv/gettext/en/LC_MESSAGES/default.po    |  4 +-
 apps/explorer/lib/explorer/chain.ex           | 50 +++++++++++++------
 12 files changed, 190 insertions(+), 47 deletions(-)
 create mode 100644 apps/block_scout_web/assets/js/pages/token/search.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 984aed9cd7..d88479d775 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#3631](https://github.com/poanetwork/blockscout/pull/3631) - Tokens search
 - [#3631](https://github.com/poanetwork/blockscout/pull/3631) - BSC OMNI bridge support
 - [#3603](https://github.com/poanetwork/blockscout/pull/3603) - Display method output parameter name at contract read page
 - [#3597](https://github.com/poanetwork/blockscout/pull/3597) - Show APY for delegators in Staking DApp
diff --git a/apps/block_scout_web/assets/css/components/_form.scss b/apps/block_scout_web/assets/css/components/_form.scss
index 0109e8c514..2a03bfb06e 100644
--- a/apps/block_scout_web/assets/css/components/_form.scss
+++ b/apps/block_scout_web/assets/css/components/_form.scss
@@ -112,3 +112,47 @@ $form-control-border-color-active: $primary !default;
     }
   }
 }
+
+.tokens-list-search-input-outer-container {
+  display: flex;
+  @include media-breakpoint-down(md) {
+    display: block;
+  }
+}
+
+.tokens-list-search-input-container {
+  float: right;
+  margin-left: auto;
+  position: relative;
+  @include media-breakpoint-down(md) {
+    width: 100%;
+    margin-bottom: 20px;
+  }
+}
+
+.tokens-list-search-input-container:before {
+  content: "";
+  position: absolute;
+  left: 10px;
+  top: 0;
+  bottom: 10px;
+  @include media-breakpoint-down(md) {
+    bottom: 0px;
+  }
+  width: 20px;
+  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%237DD79F%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.713%2015.727a.982.982%200%200%201-1.388%200l-2.289-2.29C10.773%2014.403%209.213%2015%207.5%2015A7.5%207.5%200%201%201%2015%207.5c0%201.719-.602%203.284-1.575%204.55l2.288%202.288a.983.983%200%200%201%200%201.389zM7.5%202a5.5%205.5%200%201%200%200%2011%205.5%205.5%200%201%200%200-11z%22%2F%3E%0A%3C%2Fsvg%3E") center / contain no-repeat;
+}
+
+.tokens-list-search-input-container.tokens:before {
+  bottom: 5px;
+}
+
+.tokens-list-search-input {
+  height: 40px;
+  width: 300px;
+  @include media-breakpoint-down(md) {
+    width: 100%;
+  }
+  padding: 10px 10px 10px 35px;
+  outline: none;
+}
\ No newline at end of file
diff --git a/apps/block_scout_web/assets/css/components/_label.scss b/apps/block_scout_web/assets/css/components/_label.scss
index f9fd228461..e45d708ccf 100644
--- a/apps/block_scout_web/assets/css/components/_label.scss
+++ b/apps/block_scout_web/assets/css/components/_label.scss
@@ -1,10 +1,12 @@
 .bs-label {
     display: inline-block;
-    padding: 5px;
+    padding: 0 5px;
     background: #f5f6fa;
     color: #a3a9b5;
     border-radius: 5px;
     font-size: 10px;
+    height: 25px;
+    line-height: 25px;
     &.right {
         margin-left: auto;
         float: right;
diff --git a/apps/block_scout_web/assets/js/pages/token/search.js b/apps/block_scout_web/assets/js/pages/token/search.js
new file mode 100644
index 0000000000..e4f16a43c6
--- /dev/null
+++ b/apps/block_scout_web/assets/js/pages/token/search.js
@@ -0,0 +1,50 @@
+import $ from 'jquery'
+import omit from 'lodash/omit'
+import humps from 'humps'
+import { createAsyncLoadStore } from '../../lib/async_listing_load'
+import '../address'
+
+const $searchInput = $('.tokens-list-search-input')
+
+export const initialState = {
+  isSearch: false
+}
+
+export function reducer (state, action) {
+  switch (action.type) {
+    case 'PAGE_LOAD':
+    case 'ELEMENTS_LOAD': {
+      return Object.assign({}, state, omit(action, 'type'))
+    }
+    case 'START_SEARCH': {
+      return Object.assign({}, state, { pagesStack: [], isSearch: true })
+    }
+    default:
+      return state
+  }
+}
+
+if ($('[data-page="tokens"]').length) {
+  const store = createAsyncLoadStore(reducer, initialState, 'dataset.identifierLog')
+
+  store.dispatch({
+    type: 'PAGE_LOAD'
+  })
+
+  $searchInput.on('input', (event) => {
+    const value = $(event.target).val()
+
+    const loc = window.location.pathname
+
+    if (value.length >= 3 || value === '') {
+      $.ajax({
+        url: `${loc}?type=JSON&filter=${value}`,
+        type: 'GET',
+        dataType: 'json',
+        contentType: 'application/json; charset=utf-8'
+      }).done(response => store.dispatch(Object.assign({ type: 'ITEMS_FETCHED' }, humps.camelizeKeys(response))))
+        .fail(() => store.dispatch({ type: 'REQUEST_ERROR' }))
+        .always(() => store.dispatch({ type: 'FINISH_REQUEST' }))
+    }
+  })
+}
diff --git a/apps/block_scout_web/assets/webpack.config.js b/apps/block_scout_web/assets/webpack.config.js
index 12878d5ac3..0f52fa95bb 100644
--- a/apps/block_scout_web/assets/webpack.config.js
+++ b/apps/block_scout_web/assets/webpack.config.js
@@ -95,7 +95,8 @@ const appJs =
       'try-api': './js/lib/try_api.js',
       'try-eth-api': './js/lib/try_eth_api.js',
       'async-listing-load': './js/lib/async_listing_load',
-      'non-critical': './css/non-critical.scss'
+      'non-critical': './css/non-critical.scss',
+      'tokens': './js/pages/token/search.js'
     },
     output: {
       filename: '[name].js',
diff --git a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
index 6e29635c63..e2b06c61cf 100644
--- a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
+++ b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
@@ -8,11 +8,11 @@ defmodule BlockScoutWeb.BridgedTokensController do
   alias Phoenix.View
 
   def show(conn, %{"type" => "JSON", "id" => "eth"} = params) do
-    show(conn, params, :eth)
+    get_items(conn, params, :eth)
   end
 
   def show(conn, %{"type" => "JSON", "id" => "bsc"} = params) do
-    show(conn, params, :bsc)
+    get_items(conn, params, :bsc)
   end
 
   def show(conn, %{"id" => "eth"}) do
@@ -41,12 +41,33 @@ defmodule BlockScoutWeb.BridgedTokensController do
     not_found(conn)
   end
 
-  defp show(conn, params, destination) do
-    full_params =
+  def index(conn, %{"type" => "JSON"} = params) do
+    get_items(conn, params, :eth)
+  end
+
+  def index(conn, _params) do
+    total_supply = Chain.total_supply()
+
+    render(conn, "index.html",
+      current_path: current_path(conn),
+      total_supply: total_supply,
+      chain: "Ethereum"
+    )
+  end
+
+  defp get_items(conn, params, destination) do
+    filter =
+      if Map.has_key?(params, "filter") do
+        Map.get(params, "filter")
+      else
+        nil
+      end
+
+    paging_params =
       params
       |> paging_options()
 
-    tokens = Chain.list_top_bridged_tokens(destination, full_params)
+    tokens = Chain.list_top_bridged_tokens(destination, filter, paging_params)
 
     {tokens_page, next_page} = split_list_by_page(tokens)
 
@@ -95,18 +116,4 @@ defmodule BlockScoutWeb.BridgedTokensController do
       }
     )
   end
-
-  def index(conn, %{"type" => "JSON"} = params) do
-    show(conn, params, :eth)
-  end
-
-  def index(conn, _params) do
-    total_supply = Chain.total_supply()
-
-    render(conn, "index.html",
-      current_path: current_path(conn),
-      total_supply: total_supply,
-      chain: "Ethereum"
-    )
-  end
 end
diff --git a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex
index 905f7706b1..4756c67b42 100644
--- a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex
+++ b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex
@@ -8,10 +8,18 @@ defmodule BlockScoutWeb.TokensController do
   alias Phoenix.View
 
   def index(conn, %{"type" => "JSON"} = params) do
-    tokens =
+    filter =
+      if Map.has_key?(params, "filter") do
+        Map.get(params, "filter")
+      else
+        nil
+      end
+
+    paging_params =
       params
       |> paging_options()
-      |> Chain.list_top_tokens()
+
+    tokens = Chain.list_top_tokens(filter, paging_params)
 
     {tokens_page, next_page} = split_list_by_page(tokens)
 
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
index 237f9dcb7c..02638b6a6c 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
@@ -1,7 +1,12 @@
-<section class="container">
+<section class="container" data-page="tokens">
   <div class="card">
     <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
-      <h1 class="card-title"><%= gettext "Bridged Tokens from " %><%= @chain %><div class="bs-label ml-2 destination-<%= chain_id_display_name(@chain_id) %>"><%= String.upcase(chain_id_display_name(@chain_id)) %></div></h1>
+	  <div class="tokens-list-search-input-outer-container">
+		<h1 class="card-title"><%= gettext "Bridged Tokens from " %><%= @chain %><div class="bs-label ml-2 destination-<%= chain_id_display_name(@chain_id) %>"><%= String.upcase(chain_id_display_name(@chain_id)) %></div></h1>
+		<label class="tokens-list-search-input-container">
+			<input data-search-field="" class="tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
+	  	</label>
+	  </div>
 	  <div>
 	  	<p class="card-subtitle list-title-description">List of the tokens bridged through OmniBridge <span class="bs-label omni">OMNI</span> and Arbitrary Message Bridge <span class="bs-label amb">AMB</span> extensions</p>
 	  	<div class="list-top-pagination-container-wrapper">
@@ -45,5 +50,5 @@
     <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "bottom", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
     </div>
   </div>
-	<script defer data-cfasync="false" src="<%= static_path(@conn, "/js/async-listing-load.js") %>"></script>
+	<script defer data-cfasync="false" src="<%= static_path(@conn, "/js/tokens.js") %>"></script>
 </section>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
index f4e3d82ae2..ff81856210 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
@@ -1,9 +1,12 @@
-<section class="container">
+<section class="container" data-page="tokens">
   <div class="card">
     <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
-      <h1 class="card-title list-title-description"><%= gettext "Tokens" %></h1>
+	  <h1 class="card-title list-title-description"><%= gettext "Tokens" %></h1>
 
-	<div class="list-top-pagination-container-wrapper">
+	<div class="list-top-pagination-container-wrapper tokens-list-search-input-outer-container" style="display: flex; float: right;">
+		<label class="tokens-list-search-input-container tokens mr-3">
+			<input data-search-field="" class="tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
+		</label>
     	<%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "top", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
 	</div>
 
@@ -48,5 +51,5 @@
     <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "bottom", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
     </div>
   </div>
-	<script defer data-cfasync="false" src="<%= static_path(@conn, "/js/async-listing-load.js") %>"></script>
+	<script defer data-cfasync="false" src="<%= static_path(@conn, "/js/tokens.js") %>"></script>
 </section>
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 378f605f56..1701efea91 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -2678,7 +2678,7 @@ msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:5
 msgid "Bridged Tokens from "
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 5f5ee0f178..1701efea91 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -2678,7 +2678,7 @@ msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:4
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:5
 msgid "Bridged Tokens from "
 msgstr ""
 
@@ -2687,7 +2687,7 @@ msgstr ""
 msgid "Bridged from Ethereum"
 msgstr ""
 
-#, elixir-format, fuzzy
+#, elixir-format
 #: lib/block_scout_web/templates/layout/_topnav.html.eex:101
 msgid "Bridged from BSC"
 msgstr ""
diff --git a/apps/explorer/lib/explorer/chain.ex b/apps/explorer/lib/explorer/chain.ex
index f21c0cde28..d62a26e1e4 100644
--- a/apps/explorer/lib/explorer/chain.ex
+++ b/apps/explorer/lib/explorer/chain.ex
@@ -1822,23 +1822,23 @@ defmodule Explorer.Chain do
   Lists the top `t:Explorer.Chain.Token.t/0`'s'.
 
   """
-  @spec list_top_tokens :: [{Token.t(), non_neg_integer()}]
-  def list_top_tokens(options \\ []) do
+  @spec list_top_tokens(String.t()) :: [{Token.t(), non_neg_integer()}]
+  def list_top_tokens(filter, options \\ []) do
     paging_options = Keyword.get(options, :paging_options, @default_paging_options)
 
-    fetch_top_tokens(paging_options)
+    fetch_top_tokens(filter, paging_options)
   end
 
-  @spec list_top_bridged_tokens(String.t(), [paging_options | necessity_by_association_option]) :: [
+  @spec list_top_bridged_tokens(atom(), String.t(), [paging_options | necessity_by_association_option]) :: [
           {Token.t(), non_neg_integer()}
         ]
-  def list_top_bridged_tokens(destination, options \\ []) do
+  def list_top_bridged_tokens(destination, filter, options \\ []) do
     paging_options = Keyword.get(options, :paging_options, @default_paging_options)
 
-    fetch_top_bridged_tokens(destination, paging_options)
+    fetch_top_bridged_tokens(destination, paging_options, filter)
   end
 
-  defp fetch_top_tokens(paging_options) do
+  defp fetch_top_tokens(filter, paging_options) do
     base_query =
       from(t in Token,
         where: t.total_supply > ^0,
@@ -1846,13 +1846,24 @@ defmodule Explorer.Chain do
         preload: [:contract_address]
       )
 
-    base_query
-    |> page_tokens(paging_options)
-    |> limit(^paging_options.page_size)
+    base_query_with_paging =
+      base_query
+      |> page_tokens(paging_options)
+      |> limit(^paging_options.page_size)
+
+    query =
+      if filter && filter !== "" do
+        base_query_with_paging
+        |> where(fragment("to_tsvector('english', symbol || ' ' || name ) @@ to_tsquery(?)", ^filter))
+      else
+        base_query_with_paging
+      end
+
+    query
     |> Repo.all()
   end
 
-  defp fetch_top_bridged_tokens(destination, paging_options) do
+  defp fetch_top_bridged_tokens(destination, paging_options, filter) do
     chain_id = translate_destination_to_chain_id(destination)
 
     bridged_tokens_query =
@@ -1872,9 +1883,20 @@ defmodule Explorer.Chain do
         preload: [:contract_address]
       )
 
-    base_query
-    |> page_tokens(paging_options)
-    |> limit(^paging_options.page_size)
+    base_query_with_paging =
+      base_query
+      |> page_tokens(paging_options)
+      |> limit(^paging_options.page_size)
+
+    query =
+      if filter && filter !== "" do
+        base_query_with_paging
+        |> where(fragment("to_tsvector('english', symbol || ' ' || name ) @@ to_tsquery(?)", ^filter))
+      else
+        base_query_with_paging
+      end
+
+    query
     |> Repo.all()
   end
 

From 43d5a780aabf659d43887c99ad4eb287cef14536 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Mon, 15 Feb 2021 23:49:55 +0300
Subject: [PATCH 3/6] BSC bridged tokens styles fixes

---
 apps/block_scout_web/assets/css/theme/_dark-theme.scss         | 3 ++-
 .../controllers/tokens/bridged_tokens_controller.ex            | 3 ++-
 .../block_scout_web/templates/bridged_tokens/index.html.eex    | 2 +-
 .../lib/block_scout_web/templates/tokens/index.html.eex        | 2 +-
 .../lib/block_scout_web/views/tokens/overview_view.ex          | 3 +++
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/apps/block_scout_web/assets/css/theme/_dark-theme.scss b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
index 937c302b44..c4794e7c42 100644
--- a/apps/block_scout_web/assets/css/theme/_dark-theme.scss
+++ b/apps/block_scout_web/assets/css/theme/_dark-theme.scss
@@ -1029,7 +1029,8 @@ $dark-stakes-banned-background: #3e314c;
 		color: #fff;
 	}
 
-	.bs-label.omni {
+	.bs-label.omni,
+	.bs-label.destination-eth {
 		background-color: $labels-dark;
 	}
 
diff --git a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
index e2b06c61cf..4cdb7512b0 100644
--- a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
+++ b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/bridged_tokens_controller.ex
@@ -51,7 +51,8 @@ defmodule BlockScoutWeb.BridgedTokensController do
     render(conn, "index.html",
       current_path: current_path(conn),
       total_supply: total_supply,
-      chain: "Ethereum"
+      chain: "Ethereum",
+      chain_id: 1
     )
   end
 
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
index 02638b6a6c..219fa4a567 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
@@ -4,7 +4,7 @@
 	  <div class="tokens-list-search-input-outer-container">
 		<h1 class="card-title"><%= gettext "Bridged Tokens from " %><%= @chain %><div class="bs-label ml-2 destination-<%= chain_id_display_name(@chain_id) %>"><%= String.upcase(chain_id_display_name(@chain_id)) %></div></h1>
 		<label class="tokens-list-search-input-container">
-			<input data-search-field="" class="tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
+			<input data-search-field="" class="form-control tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
 	  	</label>
 	  </div>
 	  <div>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
index ff81856210..549c22d232 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex
@@ -5,7 +5,7 @@
 
 	<div class="list-top-pagination-container-wrapper tokens-list-search-input-outer-container" style="display: flex; float: right;">
 		<label class="tokens-list-search-input-container tokens mr-3">
-			<input data-search-field="" class="tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
+			<input data-search-field="" class="form-control tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
 		</label>
     	<%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "top", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %>
 	</div>
diff --git a/apps/block_scout_web/lib/block_scout_web/views/tokens/overview_view.ex b/apps/block_scout_web/lib/block_scout_web/views/tokens/overview_view.ex
index 6b295332e3..aa6922899c 100644
--- a/apps/block_scout_web/lib/block_scout_web/views/tokens/overview_view.ex
+++ b/apps/block_scout_web/lib/block_scout_web/views/tokens/overview_view.ex
@@ -106,6 +106,9 @@ defmodule BlockScoutWeb.Tokens.OverviewView do
       1 ->
         @etherscan_token_link
 
+      56 ->
+        "https://bscscan.com/token/"
+
       _ ->
         @etherscan_token_link
     end

From a49c3df2de7b61f5c41839ab4abdd5d9900c3a26 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Tue, 16 Feb 2021 11:38:23 +0300
Subject: [PATCH 4/6] Labels for the tokens

---
 .../assets/css/components/_label.scss         |  8 ++++++
 .../assets/css/components/_tile.scss          | 27 +++++++++++++++++++
 .../templates/address/overview.html.eex       |  2 +-
 .../templates/bridged_tokens/_tile.html.eex   |  3 ++-
 .../templates/bridged_tokens/index.html.eex   |  3 ++-
 .../templates/form/_tag.html.eex              |  3 +++
 .../tokens/overview/_details.html.eex         | 25 +++++++++--------
 .../views/bridged_tokens_view.ex              | 17 +-----------
 apps/block_scout_web/priv/gettext/default.pot | 24 ++++++++---------
 .../priv/gettext/en/LC_MESSAGES/default.po    | 24 ++++++++---------
 apps/explorer/lib/explorer/chain.ex           | 18 +++++++++++++
 11 files changed, 100 insertions(+), 54 deletions(-)
 create mode 100644 apps/block_scout_web/lib/block_scout_web/templates/form/_tag.html.eex

diff --git a/apps/block_scout_web/assets/css/components/_label.scss b/apps/block_scout_web/assets/css/components/_label.scss
index e45d708ccf..211b8fd87f 100644
--- a/apps/block_scout_web/assets/css/components/_label.scss
+++ b/apps/block_scout_web/assets/css/components/_label.scss
@@ -27,6 +27,14 @@
         background: #e7b941;
         color: #fff;
     }
+    &.bridged {
+        background: #70aee3;
+        color: #fff;
+    }
+    &.validator {
+        background: $primary;
+        color: #fff;
+    }
     &.secondary {
         background: $secondary;
         color: #fff;
diff --git a/apps/block_scout_web/assets/css/components/_tile.scss b/apps/block_scout_web/assets/css/components/_tile.scss
index 4a1457bb71..0a64feaf87 100644
--- a/apps/block_scout_web/assets/css/components/_tile.scss
+++ b/apps/block_scout_web/assets/css/components/_tile.scss
@@ -578,3 +578,30 @@ $cube-quantity: 5;
 .dark-theme-applied .dark-block-loader {
   background-color: #313355;
 }
+
+.title-with-label {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: 3px;
+  @include media-breakpoint-down(sm) {
+    display: inline;
+  }
+}
+
+.view-original-token-container {
+  margin-top: 15px;
+  font-size: 12px;
+}
+
+.token-address-mobile {
+  @include media-breakpoint-down(sm) {
+    display: inline-block;
+    word-break: break-all;
+  }
+}
+
+.bridged-tokens-buttons-mobile {
+  @include media-breakpoint-down(sm) {
+    margin-top: 0.5em;
+  }
+}
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex
index a6518b0d91..ff48bbe49d 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/address/overview.html.eex
@@ -26,7 +26,7 @@
               <%= nil %>
           <% end %>
           <h1 class="card-title lg-card-title">
-            <%= address_title(@address) %> <%= gettext "Details" %>
+            <div class="title-with-label"><%= address_title(@address) %> <%= gettext "Details" %></div>
             <!-- buttons -->
             <span class="overview-title-buttons float-right">
               <span class="overview-title-item" data-clipboard-text="<%= @address %>">
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
index f76e36d6fb..6c520ac946 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/_tile.html.eex
@@ -34,7 +34,8 @@
         <div class="bs-label right <%= @bridged_token.type %>"><%= String.upcase(@bridged_token.type) %></div>
       <% end %>
       <%= if @bridged_token && @bridged_token.foreign_chain_id do %>
-        <div class="bs-label right ml-2 destination-<%= chain_id_display_name(@bridged_token.foreign_chain_id) %>"><%= String.upcase(chain_id_display_name(@bridged_token.foreign_chain_id)) %></div>
+        <% tag = Chain.chain_id_display_name(@bridged_token.foreign_chain_id) %>
+        <div class="bs-label right ml-2 destination-<%= tag %>"><%= String.upcase(tag) %></div>
       <% end %>
     </div>
   </td>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
index 219fa4a567..5757a5dd07 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/bridged_tokens/index.html.eex
@@ -2,7 +2,8 @@
   <div class="card">
     <div class="card-body" data-async-load data-async-listing="<%= @current_path %>">
 	  <div class="tokens-list-search-input-outer-container">
-		<h1 class="card-title"><%= gettext "Bridged Tokens from " %><%= @chain %><div class="bs-label ml-2 destination-<%= chain_id_display_name(@chain_id) %>"><%= String.upcase(chain_id_display_name(@chain_id)) %></div></h1>
+		<% tag = Chain.chain_id_display_name(@chain_id) %>
+		<h1 class="card-title"><div class="title-with-label"><%= gettext "Bridged Tokens from " %><%= @chain %></div><div class="bs-label ml-2 destination-<%= tag %>"><%= String.upcase(tag) %></div></h1>
 		<label class="tokens-list-search-input-container">
 			<input data-search-field="" class="form-control tokens-list-search-input" type="text" name="filter" placeholder="Token name or symbol" id="search-text-input" />
 	  	</label>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/form/_tag.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/form/_tag.html.eex
new file mode 100644
index 0000000000..54f032df05
--- /dev/null
+++ b/apps/block_scout_web/lib/block_scout_web/templates/form/_tag.html.eex
@@ -0,0 +1,3 @@
+<div class="bs-label <%= @additional_classes |> Enum.join(" ") %>">
+    <%= @text %>
+</div>
\ No newline at end of file
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
index e3dc1aca96..858611b661 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/overview/_details.html.eex
@@ -20,13 +20,19 @@
               <% true -> %>
                 <%= nil %>
             <% end %>
+            <% foreign_chain_id = if Map.has_key?(@token, :foreign_chain_id), do: @token.foreign_chain_id, else: nil %>
+            <% tag = Chain.chain_id_display_name(foreign_chain_id) %>
             <%= if token_name?(@token) do %>
-              <%= @token.name %>
+                <div class="title-with-label"><%= @token.name %></div>
+                <%= if tag !== "" do %>
+                  <%= render BlockScoutWeb.FormView, "_tag.html", text: "bridged", additional_classes: ["bridged", "ml-1"] %>
+                  <%= render BlockScoutWeb.FormView, "_tag.html", text: String.upcase(tag), additional_classes: ["destination-#{tag}", "ml-1"] %>
+                <% end %>
             <% else %>
               <%= gettext("Token Details") %>
             <% end %>
             <!-- buttons -->
-            <span class="overview-title-buttons token float-right">
+            <span class="overview-title-buttons token float-right <%= if @token.bridged, do: "bridged-tokens-buttons-mobile", else: "" %>">
               <span class="overview-title-item" data-clipboard-text="<%= Address.checksum(@token.contract_address_hash) %>">
                 <span
                   aria-label='<%= gettext("Copy Address") %>'
@@ -60,23 +66,20 @@
             </span>
             <!-- bridged token -->
             <%= if @token.bridged do %>
-              <div  style="margin-top: 15px; font-size: 12px;">
-                <span class="mr-4 mb-3 mb-md-0 text-muted" style="margin-right: 30px;">
-                  Token is bridged
-                </span>
+              <div class="view-original-token-container">
                 <%= if Map.has_key?(@token, :foreign_token_contract_address_hash) do %>
                   <a data-test="original_token_contract_address" href=<%= foreign_bridged_token_explorer_link(@token) %> target="_blank">View Original Token <span class="external-token-icon"><%= render BlockScoutWeb.IconsView, "_external_link.html" %></span></a>
                 <% end %>
               </div>
-              <div  style="margin-top: 15px; font-size: 12px;">
-                <%= if Map.has_key?(@token, :custom_metadata) do %>
+              <%= if Map.has_key?(@token, :custom_metadata) do %>
+                <div style="margin-top: 15px; font-size: 12px;">
                   <%= @token.custom_metadata %>
-                <% end %>
-              </div>
+                </div>
+              <% end %>
             <% end %>
           </h1>
 
-          <h3><%= Address.checksum(@token.contract_address_hash) %></h3>
+          <h3 class="token-address-mobile"><%= Address.checksum(@token.contract_address_hash) %></h3>
 
           <div class="d-flex flex-column flex-md-row justify-content-start text-muted">
             <span class="mr-4 mb-3 mb-md-0">
diff --git a/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex b/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
index 57808ea34f..04d9d2096a 100644
--- a/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
+++ b/apps/block_scout_web/lib/block_scout_web/views/bridged_tokens_view.ex
@@ -1,6 +1,7 @@
 defmodule BlockScoutWeb.BridgedTokensView do
   use BlockScoutWeb, :view
 
+  alias Explorer.Chain
   alias Explorer.Chain.Token
 
   @owl_token_amb "0x0905Ab807F8FD040255F0cF8fa14756c1D824931"
@@ -28,20 +29,4 @@ defmodule BlockScoutWeb.BridgedTokensView do
   def owl_token_omni_info do
     "<div class='custom-tooltip-header'>OWL token bridged through OmniBridge without support of <i>burnOWL</i> method. It is not recommended to use.</div>"
   end
-
-  def chain_id_display_name(chain_id) do
-    chain_id_int =
-      if is_integer(chain_id) do
-        chain_id
-      else
-        chain_id
-        |> Decimal.to_integer()
-      end
-
-    case chain_id_int do
-      1 -> "eth"
-      56 -> "bsc"
-      _ -> ""
-    end
-  end
 end
diff --git a/apps/block_scout_web/priv/gettext/default.pot b/apps/block_scout_web/priv/gettext/default.pot
index 1701efea91..62d8911c72 100644
--- a/apps/block_scout_web/priv/gettext/default.pot
+++ b/apps/block_scout_web/priv/gettext/default.pot
@@ -405,8 +405,8 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:34
 #: lib/block_scout_web/templates/address/overview.html.eex:38
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:32
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:36
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:38
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:42
 msgid "Copy Address"
 msgstr ""
 
@@ -861,7 +861,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:10
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:26
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:32
 msgid "Token Details"
 msgstr ""
 
@@ -1181,8 +1181,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:158
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:51
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:107
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:137
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:58
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:140
 msgid "QR Code"
 msgstr ""
 
@@ -1291,7 +1291,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:55
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:53
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:59
 msgid "Show QR Code"
 msgstr ""
 
@@ -1453,7 +1453,7 @@ msgid "Topics"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:107
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:110
 msgid "Total Supply"
 msgstr ""
 
@@ -1610,7 +1610,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:16
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:20
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:87
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:90
 msgid "View Contract"
 msgstr ""
 
@@ -1725,8 +1725,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:167
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:108
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:116
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:138
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:146
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:141
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:149
 msgid "Close"
 msgstr ""
 
@@ -1743,7 +1743,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:76
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:95
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:98
 msgid "Decimals"
 msgstr ""
 
@@ -2678,7 +2678,7 @@ msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:5
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:6
 msgid "Bridged Tokens from "
 msgstr ""
 
diff --git a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
index 1701efea91..62d8911c72 100644
--- a/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
+++ b/apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po
@@ -405,8 +405,8 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:34
 #: lib/block_scout_web/templates/address/overview.html.eex:38
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:32
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:36
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:38
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:42
 msgid "Copy Address"
 msgstr ""
 
@@ -861,7 +861,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:10
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:26
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:32
 msgid "Token Details"
 msgstr ""
 
@@ -1181,8 +1181,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:158
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:51
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:107
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:137
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:58
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:140
 msgid "QR Code"
 msgstr ""
 
@@ -1291,7 +1291,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/address/overview.html.eex:55
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:52
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:53
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:59
 msgid "Show QR Code"
 msgstr ""
 
@@ -1453,7 +1453,7 @@ msgid "Topics"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:107
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:110
 msgid "Total Supply"
 msgstr ""
 
@@ -1610,7 +1610,7 @@ msgstr ""
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:16
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:20
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:87
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:90
 msgid "View Contract"
 msgstr ""
 
@@ -1725,8 +1725,8 @@ msgstr ""
 #: lib/block_scout_web/templates/address/overview.html.eex:167
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:108
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:116
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:138
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:146
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:141
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:149
 msgid "Close"
 msgstr ""
 
@@ -1743,7 +1743,7 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex:76
-#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:95
+#: lib/block_scout_web/templates/tokens/overview/_details.html.eex:98
 msgid "Decimals"
 msgstr ""
 
@@ -2678,7 +2678,7 @@ msgid "Approximate Current Annual Percentage Yield. If you see N/A, please wait
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:5
+#: lib/block_scout_web/templates/bridged_tokens/index.html.eex:6
 msgid "Bridged Tokens from "
 msgstr ""
 
diff --git a/apps/explorer/lib/explorer/chain.ex b/apps/explorer/lib/explorer/chain.ex
index d62a26e1e4..7832c32293 100644
--- a/apps/explorer/lib/explorer/chain.ex
+++ b/apps/explorer/lib/explorer/chain.ex
@@ -5797,4 +5797,22 @@ defmodule Explorer.Chain do
 
     bsc_omni_bridge_mediator && bsc_omni_bridge_mediator !== ""
   end
+
+  def chain_id_display_name(nil), do: ""
+
+  def chain_id_display_name(chain_id) do
+    chain_id_int =
+      if is_integer(chain_id) do
+        chain_id
+      else
+        chain_id
+        |> Decimal.to_integer()
+      end
+
+    case chain_id_int do
+      1 -> "eth"
+      56 -> "bsc"
+      _ -> ""
+    end
+  end
 end

From f5447574e48db2b4c5d6dc99000a5433594f1e3e Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Thu, 18 Feb 2021 21:39:12 +0300
Subject: [PATCH 5/6] Correct price for surf.finance token

---
 CHANGELOG.md                                                   | 1 +
 apps/explorer/lib/explorer/exchange_rates/source/coin_gecko.ex | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9ea20248b5..78ee563a4b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 - [#3577](https://github.com/poanetwork/blockscout/pull/3577) - Eliminate GraphiQL page XSS attack
 
 ### Chore
+- [#3644](https://github.com/poanetwork/blockscout/pull/3644) - Correct exchange rate for SURF.finance token
 - [#3618](https://github.com/poanetwork/blockscout/pull/3618) - Contracts verification up to 10 libraries
 - [#3616](https://github.com/poanetwork/blockscout/pull/3616) - POSDAO refactoring: use zero address instead of staker address for certain cases
 - [#3612](https://github.com/poanetwork/blockscout/pull/3612) - POSDAO refactoring: use 'getDelegatorPools' getter instead of 'getStakerPools' in Staking DApp
diff --git a/apps/explorer/lib/explorer/exchange_rates/source/coin_gecko.ex b/apps/explorer/lib/explorer/exchange_rates/source/coin_gecko.ex
index a178ab5883..7c138fd1a9 100644
--- a/apps/explorer/lib/explorer/exchange_rates/source/coin_gecko.ex
+++ b/apps/explorer/lib/explorer/exchange_rates/source/coin_gecko.ex
@@ -182,6 +182,7 @@ defmodule Explorer.ExchangeRates.Source.CoinGecko do
   defp bridged_token_symbol_to_id_mapping_to_get_price(symbol) do
     case symbol do
       "UNI" -> "uniswap"
+      "SURF" -> "surf-finance"
       _symbol -> nil
     end
   end

From d376b8b1ca935d4e023ee78bf161d74b7bebec91 Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Fri, 19 Feb 2021 08:49:14 +0300
Subject: [PATCH 6/6] Change Twitter handle

---
 CHANGELOG.md                                                    | 1 +
 .../lib/block_scout_web/templates/layout/_footer.html.eex       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78ee563a4b..b8aa537a15 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 - [#3577](https://github.com/poanetwork/blockscout/pull/3577) - Eliminate GraphiQL page XSS attack
 
 ### Chore
+- [#3645](https://github.com/poanetwork/blockscout/pull/3645) - Change Twitter handle
 - [#3644](https://github.com/poanetwork/blockscout/pull/3644) - Correct exchange rate for SURF.finance token
 - [#3618](https://github.com/poanetwork/blockscout/pull/3618) - Contracts verification up to 10 libraries
 - [#3616](https://github.com/poanetwork/blockscout/pull/3616) - POSDAO refactoring: use zero address instead of staker address for certain cases
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex
index c82bb8b1cf..e972d44a11 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_footer.html.eex
@@ -22,7 +22,7 @@
           <a href="https://github.com/poanetwork/blockscout" rel="noreferrer" target="_blank" class="footer-social-icon" title='<%= gettext("Github") %>'>
             <i class="fab fa-github"></i>
           </a>
-          <a href="https://www.twitter.com/_blockscout/" rel="noreferrer" target="_blank" class="footer-social-icon" title='<%= gettext("Twitter") %>'>
+          <a href="https://www.twitter.com/blockscoutcom/" rel="noreferrer" target="_blank" class="footer-social-icon" title='<%= gettext("Twitter") %>'>
             <i class="fab fa-twitter"></i>
           </a>
           <a href="https://t.me/poa_network" rel="noreferrer" target="_blank" class="footer-social-icon" title='<%= gettext("Telegram") %>'>