Merge pull request #3688 from poanetwork/vb-staking-buttons-reorganize

Reorganize staking buttons

CHANGELOG.md

@@ -27,6 +27,7 @@
 - [#3577](https://github.com/poanetwork/blockscout/pull/3577) - Eliminate GraphiQL page XSS attack
 
 ### Chore
+- [#3688](https://github.com/poanetwork/blockscout/pull/3688) - Reorganize staking buttons
 - [#3687](https://github.com/poanetwork/blockscout/pull/3687) - Miscellaneous minor fixes
 - [#3667](https://github.com/poanetwork/blockscout/pull/3667) - Store bridged token price in the DB
 - [#3662](https://github.com/poanetwork/blockscout/pull/3662) - Order bridged tokens in descending order by tokens holder for Omni bridge cap calculation

apps/block_scout_web/lib/block_scout_web/templates/stakes/_stakes_top.html.eex

@@ -1,4 +1,4 @@
-<div class="stakes-top">
+<div class="stakes-top" style="padding-top: 70px; padding-bottom: 70px;">
   <div class="container">
     <div class="stakes-top-stats" data-block-number="<%= @block_number %>">
       <%= render BlockScoutWeb.StakesView, "_stakes_stats_item.html", title: gettext("Epoch number"), value: @epoch_number %>
@@ -29,9 +29,28 @@
 
         <%= render BlockScoutWeb.StakesView, "_stakes_btn_claim_reward.html", text: gettext("Claim Reward"), extra_class: "full-width" %>
       </div>
-      <div class="stakes-top-buttons right">
-        <%= render BlockScoutWeb.CommonComponentsView, "_btn_external_link.html", text: gettext("Swap STAKE"), link: "https://app.honeyswap.org/#/swap?outputCurrency=0xe91D153E0b41518A2Ce8Dd3D7944Fa863463a97d&inputCurrency=0xb7D311E2Eb55F2f68a9440da38e7989210b9A05e&exactField=input", extra_class: "full-width btn-add-full" %>
-        <%= render BlockScoutWeb.CommonComponentsView, "_btn_external_link.html", text: gettext("Bridge to Ethereum"), link: "https://omni.xdaichain.com/", extra_class: "full-width" %>
+      <div class="stakes-top-buttons right" style="margin-bottom: -56px;">
+        <a
+            class="btn-full-primary full-width btn-add-full"
+            href="https://app.honeyswap.org/#/swap?outputCurrency=0xe91D153E0b41518A2Ce8Dd3D7944Fa863463a97d&inputCurrency=0xb7D311E2Eb55F2f68a9440da38e7989210b9A05e&exactField=input"
+            target="_blank"
+        >
+            <span class="btn-full-primary-text"><%= gettext("Swap STAKE on Honeyswap") %></span>
+        </a>
+        <a
+            class="btn-full-primary full-width btn-add-full"
+            href="https://omni.xdaichain.com/"
+            target="_blank"
+        >
+            <span class="btn-full-primary-text"><%= gettext("Bridge STAKE to Ethereum") %></span>
+        </a>
+        <a
+            class="btn-full-primary full-width btn-add-full"
+            href="https://bitmax.io/register?inviteCode=5EYVQSTQ"
+            target="_blank"
+        >
+            <span class="btn-full-primary-text"><%= gettext("Trade STAKE on BitMax") %></span>
+        </a>
       </div>
     </div>
   </div>

apps/block_scout_web/priv/gettext/default.pot

@@ -2693,11 +2693,16 @@ msgid "Bridged from BSC"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:34
-msgid "Bridge to Ethereum"
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:45
+msgid "Bridge STAKE to Ethereum"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:33
-msgid "Swap STAKE"
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:38
+msgid "Swap STAKE on Honeyswap"
+msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:52
+msgid "Trade STAKE on BitMax"
 msgstr ""

apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po

@@ -2692,12 +2692,17 @@ msgstr ""
 msgid "Bridged from BSC"
 msgstr ""
 
-#, elixir-format
-#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:34
-msgid "Bridge to Ethereum"
+#, elixir-format, fuzzy
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:45
+msgid "Bridge STAKE to Ethereum"
+msgstr ""
+
+#, elixir-format, fuzzy
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:38
+msgid "Swap STAKE on Honeyswap"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:33
-msgid "Swap STAKE"
+#: lib/block_scout_web/templates/stakes/_stakes_top.html.eex:52
+msgid "Trade STAKE on BitMax"
 msgstr ""