Merge remote-tracking branch 'origin/refactor/multipay-recipients-rev…

…iew' into refactor/multipay-recipients-review
ArdentHQ · Oct 22, 2024 · e1948e1 · e1948e1
2 parents 7e74901 + 85d8af4
commit e1948e1
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 12 deletions.
diff --git a/src/domains/transaction/components/RecipientsModal/RecipientsList.test.tsx b/src/domains/transaction/components/RecipientsModal/RecipientsList.test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import {RecipientsList} from "./RecipientsList";
-import {RecipientItem} from "./RecipientsModal.contracts";
-import {render, screen} from "@testing-library/react";
+import { RecipientsList } from "./RecipientsList";
+import { RecipientItem } from "./RecipientsModal.contracts";
+import { render, screen } from "@testing-library/react";
 
 const recipients: RecipientItem[] = [
 	{
@@ -22,7 +22,7 @@ describe("RecipientsList", () => {
 
 		render(<RecipientsList recipients={recipients} ticker={ticker} />);
 
-		expect(screen.getAllByTestId("RecipientsListItem").length).toBe(recipients.length)
+		expect(screen.getAllByTestId("RecipientsListItem").length).toBe(recipients.length);
 		expect(screen.getByText(recipients[0].alias)).toBeInTheDocument();
 		expect(screen.getByText(recipients[0].amount + ` ${ticker}`)).toBeInTheDocument();
 	});

diff --git a/src/domains/transaction/components/RecipientsModal/RecipientsModal.test.tsx b/src/domains/transaction/components/RecipientsModal/RecipientsModal.test.tsx
@@ -1,7 +1,7 @@
 import React from "react";
-import {RecipientItem} from "./RecipientsModal.contracts";
-import {screen} from "@testing-library/react";
-import {RecipientsModal} from "./RecipientsModal";
+import { RecipientItem } from "./RecipientsModal.contracts";
+import { screen } from "@testing-library/react";
+import { RecipientsModal } from "./RecipientsModal";
 import { renderResponsive } from "@/utils/testing-library";
 
 const recipients: RecipientItem[] = [
@@ -19,22 +19,31 @@ const recipients: RecipientItem[] = [
 
 describe("RecipientsModal", () => {
 	it("should render `RecipientsLists` in `sm` screen", () => {
-		renderResponsive(<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()}/>, "sm");
+		renderResponsive(
+			<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()} />,
+			"sm",
+		);
 
 		expect(screen.getAllByTestId("RecipientsListItem").length).toBeTruthy();
 		expect(screen.queryByTestId("TableWrapper")).not.toBeInTheDocument();
 	});
 
 	it("should render `RecipientsTable` in `lg` screen", () => {
-		renderResponsive(<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()}/>, "lg");
+		renderResponsive(
+			<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()} />,
+			"lg",
+		);
 
 		expect(screen.getByTestId("TableWrapper")).toBeInTheDocument();
 		expect(screen.queryAllByTestId("RecipientsListItem").length).toBe(0);
 	});
 
 	it("should show number of recipients in the modal title", () => {
-		renderResponsive(<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()}/>, "sm");
+		renderResponsive(
+			<RecipientsModal recipients={recipients} ticker="DARK" isOpen={true} onClose={vi.fn()} />,
+			"sm",
+		);
 
-		expect(screen.getByTestId('RecipientsModal--RecipientsCount')).toHaveTextContent(recipients.length)
+		expect(screen.getByTestId("RecipientsModal--RecipientsCount")).toHaveTextContent(recipients.length);
 	});
 });
diff --git a/src/domains/transaction/components/RecipientsModal/RecipientsModal.tsx b/src/domains/transaction/components/RecipientsModal/RecipientsModal.tsx
@@ -22,7 +22,8 @@ const ModalTitle = ({ count }: { count: number }) => {
 			<span
 				className="text-theme-secondary-500 dark:text-theme-secondary-500"
 				data-testid="RecipientsModal--RecipientsCount"
-			>({count})
+			>
+				({count})
 			</span>
 		</span>
 	);