feat: add better row alignment

forbole · Mar 8, 2024 · d0ca5cc · d0ca5cc
1 parent c9590aa
commit d0ca5cc
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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);