refactor: add border when no load more button is shown (#764)

Co-authored-by: ItsANameToo <[email protected]> Co-authored-by: ItsANameToo <[email protected]>
ArdentHQ · Oct 28, 2024 · e635d65 · e635d65
1 parent 9383eab
commit e635d65
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/.../components/DelegateRegistrationForm/__snapshots__/DelegateRegistrationForm.test.tsx.snap b/.../components/DelegateRegistrationForm/__snapshots__/DelegateRegistrationForm.test.tsx.snap
@@ -789,7 +789,7 @@ exports[`DelegateRegistrationForm > should render review step 1`] = `
                 class="flex items-center justify-between space-x-2 sm:justify-start sm:space-x-0"
               >
                 <div
-                  class="no-ligatures flex-shrink-0 text-sm font-semibold leading-[17px] text-theme-secondary-700 dark:text-theme-secondary-500 sm:text-base sm:leading-5 w-auto sm:min-w-28"
+                  class="no-ligatures flex-shrink-0 text-sm font-semibold leading-[17px] text-theme-secondary-700 dark:text-theme-secondary-500 sm:text-base sm:leading-5 w-auto sm:min-w-32"
                 >
                   From
                 </div>

diff --git a/src/domains/transaction/components/Transactions/Transactions.tsx b/src/domains/transaction/components/Transactions/Transactions.tsx
@@ -1,19 +1,19 @@
 import { Contracts, DTO } from "@ardenthq/sdk-profiles";
 import React, { memo, useCallback, useEffect, useMemo, useState } from "react";
+import { Tab, TabList, Tabs } from "@/app/components/Tabs";
 import { Trans, useTranslation } from "react-i18next";
 
 import { Button } from "@/app/components/Button";
+import { Dropdown } from "@/app/components/Dropdown";
 import { EmptyBlock } from "@/app/components/EmptyBlock";
-import { Tab, TabList, Tabs } from "@/app/components/Tabs";
 import { FilterTransactions } from "@/domains/transaction/components/FilterTransactions";
-import { TransactionDetailModal } from "@/domains/transaction/components/TransactionDetailModal";
-import { TransactionTable } from "@/domains/transaction/components/TransactionTable";
-import { useProfileTransactions } from "@/domains/transaction/hooks/use-profile-transactions";
-import { Dropdown } from "@/app/components/Dropdown";
-import { TabId } from "@/app/components/Tabs/useTab";
 import { Icon } from "@/app/components/Icon";
+import { TabId } from "@/app/components/Tabs/useTab";
 import { TableWrapper } from "@/app/components/Table/TableWrapper";
+import { TransactionDetailModal } from "@/domains/transaction/components/TransactionDetailModal";
+import { TransactionTable } from "@/domains/transaction/components/TransactionTable";
 import cn from "classnames";
+import { useProfileTransactions } from "@/domains/transaction/hooks/use-profile-transactions";
 
 interface TransactionsProperties {
 	emptyText?: string;
@@ -209,7 +209,7 @@ export const Transactions = memo(function Transactions({
 					)}
 				</>
 			) : (
-				<TableWrapper className={cn("border-none", { "!rounded-b-none": hasMore })}>
+				<TableWrapper className={cn({ "!rounded-b-none border-none": hasMore })}>
 					<div className="flex w-full flex-col items-start justify-between gap-3 border-b-0 border-b-theme-secondary-300 pb-4 pt-3 dark:border-b-theme-secondary-800 sm:flex-row md:items-center md:border-b md:px-6 md:py-4">
 						<span className="text-base font-semibold leading-5 text-theme-secondary-700 dark:text-theme-secondary-500">
 							{t("COMMON.SHOWING_RESULTS", { count: transactions.length })}

diff --git a/src/domains/transaction/components/Transactions/__snapshots__/Transactions.test.tsx.snap b/src/domains/transaction/components/Transactions/__snapshots__/Transactions.test.tsx.snap
@@ -159,7 +159,7 @@ exports[`Transactions > should fetch more transactions 1`] = `
     </div>
   </div>
   <div
-    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 border-none !rounded-b-none"
+    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 !rounded-b-none border-none"
     data-testid="TableWrapper"
   >
     <div
@@ -10248,7 +10248,7 @@ exports[`Transactions > should hide view more button when there are no next page
     </div>
   </div>
   <div
-    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 border-none !rounded-b-none"
+    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 !rounded-b-none border-none"
     data-testid="TableWrapper"
   >
     <div
@@ -15523,7 +15523,7 @@ exports[`Transactions > should open detail modal on transaction row click 1`] =
     </div>
   </div>
   <div
-    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 border-none !rounded-b-none"
+    class="rounded-xl border-transparent pb-2 outline outline-1 outline-transparent md:border-b-[5px] md:border-b-theme-secondary-200 md:outline-theme-secondary-300 dark:md:border-theme-secondary-800 dark:md:outline-theme-secondary-800 !rounded-b-none border-none"
     data-testid="TableWrapper"
   >
     <div