From d0ca5cca38ad073f3de0886e45d0575a6eec8201 Mon Sep 17 00:00:00 2001
From: Ignacio <ignacio@forbole.com>
Date: Fri, 8 Mar 2024 15:47:41 +0800
Subject: [PATCH] feat: add better row alignment

---
 src/features/core/components/table.tsx                 | 4 ++--
 src/features/staking/components/delegation-details.tsx | 2 +-
 src/features/staking/components/validators-table.tsx   | 2 +-
 src/features/staking/lib/core/fee.ts                   | 1 -
 src/features/staking/lib/core/tx.ts                    | 1 -
 5 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/features/core/components/table.tsx b/src/features/core/components/table.tsx
index 23dda7e..d5d0151 100644
--- a/src/features/core/components/table.tsx
+++ b/src/features/core/components/table.tsx
@@ -28,14 +28,14 @@ export const HeaderTitleBase = <SortMethod extends string>({
     >
       <button
         className={[
-          "flex flex-row items-center gap-[8px]",
+          "flex flex-row items-center gap-[8px] uppercase",
           onSort ? "cursor-pointer" : "",
         ].join(" ")}
         onClick={() => {
           if (!onSort || !sort) return;
 
           const nextIndex =
-            (1 + sortingOrder.indexOf(sort)) % sortingOrder.length;
+            (1 + sortingOrder.indexOf(sort)) % (sortingOrder.length - 1); // -1 for none
 
           const nextSorting = sortingOrder[nextIndex];
 
diff --git a/src/features/staking/components/delegation-details.tsx b/src/features/staking/components/delegation-details.tsx
index ab34145..0352cd0 100644
--- a/src/features/staking/components/delegation-details.tsx
+++ b/src/features/staking/components/delegation-details.tsx
@@ -121,7 +121,7 @@ const DelegationRowBase = ({
             style={{ height: 50, width: 50 }}
           />
         </div>
-        <div className="flex flex-col justify-start gap-2 text-left">
+        <div className="flex flex-col justify-center gap-2 text-left">
           <div className="text-[14px] font-bold leading-[20px]">
             {validator?.description.moniker || ""}
           </div>
diff --git a/src/features/staking/components/validators-table.tsx b/src/features/staking/components/validators-table.tsx
index ccfc5e4..7d92e2d 100644
--- a/src/features/staking/components/validators-table.tsx
+++ b/src/features/staking/components/validators-table.tsx
@@ -79,7 +79,7 @@ const ValidatorRow = ({
               style={{ height: 50, minHeight: 50, minWidth: 50, width: 50 }}
             />
           </div>
-          <div className="flex flex-col justify-start gap-2 text-left">
+          <div className="flex flex-col justify-center gap-2 text-left">
             <div className="max-w-[300px] overflow-hidden truncate text-[14px] font-bold leading-[20px]">
               {validator.description.moniker}
             </div>
diff --git a/src/features/staking/lib/core/fee.ts b/src/features/staking/lib/core/fee.ts
index b3887a0..d299b3a 100644
--- a/src/features/staking/lib/core/fee.ts
+++ b/src/features/staking/lib/core/fee.ts
@@ -46,7 +46,6 @@ type FeeOpts = {
 
 export const getCosmosFee = async ({
   address,
-  // @TODO: review
   amount = [{ amount: "1000", denom: "uxion" }],
   gasLimit = "400000",
   memo = "",
diff --git a/src/features/staking/lib/core/tx.ts b/src/features/staking/lib/core/tx.ts
index 358fb5b..935dc66 100644
--- a/src/features/staking/lib/core/tx.ts
+++ b/src/features/staking/lib/core/tx.ts
@@ -40,7 +40,6 @@ const getUxionAmount = (coin: Coin) => {
 };
 
 const getTxVerifier = (eventType: string) => (result: DeliverTxResponse) => {
-  // @TODO
   // eslint-disable-next-line no-console
   console.log("debug: base.ts: result", result);