Added tile status styles to the missed transaction tiles & updated gettext ether to appropriate spots

apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex

@@ -4,7 +4,9 @@
       <span class="tile-label">
         <%= ExplorerWeb.TransactionView.transaction_display_type(@transaction) %>
       </span>
-      <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(@transaction) %></div>
+      <div class="tile-status-label" data-test="transaction_status">
+        <%= formatted_status(@transaction) %>
+      </div>
     </div>
     <div class="col-md-7 col-lg-8 d-flex flex-column">
       <%= render ExplorerWeb.TransactionView, "_link.html", locale: @locale, transaction_hash: @transaction.hash %>
@@ -39,7 +41,7 @@
     </div>
     <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start align-items-end text-md-right">
       <span class="tile-title">
-        <%= ExplorerWeb.TransactionView.value(@transaction, include_label: false) %> POA
+        <%= ExplorerWeb.TransactionView.value(@transaction, include_label: false) %> <%= gettext "Ether" %>
       </span>
       <span class="mr-2 mr-sm-0 text-muted"> <%= ExplorerWeb.TransactionView.formatted_fee(@transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
     </div>

apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex

@@ -3,12 +3,12 @@
     <%= link(gettext("View All Transactions →"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "button button--secondary button--xsmall float-right") %>
     <h2 class="card-title"><%= gettext "Transactions" %></h2>
     <%= for transaction <- @chain.transactions do %>
-    <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
+    <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %> tile-status--<%= status(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
       <div class="row" data-test="chain_transaction">
-        <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center tile-label">
+        <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center">
           <div class="ml-4">
-            <span data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
-            <div data-test="transaction_status" class="text-muted"><%= formatted_status(transaction) %></div>
+            <span class="tile-label" data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
+            <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(transaction) %></div>
           </div>
         </div>
         <div class="col-md-7 col-lg-8 d-flex flex-column">
@@ -30,7 +30,7 @@
         </div>
         <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start text-md-right">
           <span class="tile-title">
-            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA
+            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %>
           </span>
           <span><%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
         </div>

apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex

@@ -44,7 +44,7 @@
                   <%= gettext("Contract Address Pending") %>
                 <% end %>
               </span>
-              <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA
+              <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %>
             </div>
           </div>
         </div>

apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex

@@ -25,12 +25,12 @@
       <p><%= gettext("Showing %{count} Validated Transactions", count: Cldr.Number.to_string!(@transaction_estimated_count, format: "#,###")) %></p>
 
       <%= for transaction <- @transactions do %>
-        <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
+        <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %> tile-status--<%= status(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
           <div class="row" data-test="chain_transaction">
-            <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center tile-label">
+            <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center">
               <div class="ml-4">
-                <span data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
-                <div data-test="transaction_status" class="text-muted"><%= formatted_status(transaction) %></div>
+                <span class="tile-label" data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
+                <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(transaction) %></div>
               </div>
             </div>
             <div class="col-md-7 col-lg-8 d-flex flex-column">
@@ -51,7 +51,7 @@
               </span>
             </div>
             <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start text-md-right">
-              <span class="tile-title"><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA</span>
+              <span class="tile-title"><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %></span>
               <span> <%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
             </div>
           </div>