Clean up unused files and fix broken UI elements (solana-labs#27)

nishadsingh1 · Jun 12, 2020 · dd57376 · dd57376
1 parent 53a1c35
commit dd57376
Show file tree

Hide file tree

Showing 131 changed files with 15 additions and 1,652 deletions.
diff --git a/src/components/NetworkModal.tsx b/src/components/NetworkModal.tsx
@@ -70,7 +70,7 @@ function CustomNetworkInput({ activeSuffix, active }: InputProps) {
       />
       <div className="input-group-prepend">
         <div className={`input-group-text pr-0 ${customClass("border")}`}>
-          <span className={customClass("text") || "text-dark"}>Custom</span>
+          <span className={customClass("text") || "text-dark"}>Custom:</span>
         </div>
       </div>
     </div>
@@ -123,8 +123,10 @@ function NetworkToggle() {
               checked={active}
               onChange={() => updateNetwork(dispatch, net, customUrl)}
             />
-            {`${networkName(net)}`}
-            <h6 className="text-muted">{networkUrl(net, customUrl)}</h6>
+            {`${networkName(net)}: `}
+            <span className="text-muted d-inline-block">
+              {networkUrl(net, customUrl)}
+            </span>
           </label>
         );
       })}

diff --git a/src/components/TransactionsCard.tsx b/src/components/TransactionsCard.tsx
@@ -51,6 +51,9 @@ function TransactionsCard() {
         <table className="table table-sm table-nowrap card-table">
           <thead>
             <tr>
+              <th className="text-muted">
+                <span className="fe fe-hash"></span>
+              </th>
               <th className="text-muted">Status</th>
               <th className="text-muted">Signature</th>
               <th className="text-muted">Confirmations</th>
@@ -60,7 +63,12 @@ function TransactionsCard() {
           <tbody className="list">
             <tr>
               <td>
-                <span className={`badge badge-primary`}>New</span>
+                <span className="badge badge-soft-dark badge-pill">
+                  {idCounter + 1}
+                </span>
+              </td>
+              <td>
+                <span className={`badge badge-soft-dark`}>New</span>
               </td>
               <td>
                 <input
@@ -132,7 +140,7 @@ const renderTransactionRow = (transaction: Transaction) => {
   const slotText = `${transaction.slot || "-"}`;
 
   return (
-    <tr key={transaction.signature}>
+    <tr key={transaction.id}>
       <td>
         <span className="badge badge-soft-dark badge-pill">
           {transaction.id}

diff --git a/src/components/header.js b/src/components/header.js
diff --git a/src/img/logos-solana/Slice 1.png b/src/img/logos-solana/Slice 1.png