feat(ui): remove unecessary text func

cardano-foundation · May 7, 2024 · a975832 · a975832
1 parent e9c3c2a
commit a975832
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 33 deletions.
diff --git a/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.test.tsx b/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.test.tsx
@@ -6,7 +6,6 @@ import { TabsRoutePath } from "../../../../../routes/paths";
 import { setToastMsg } from "../../../../../store/reducers/stateCache";
 import { walletConnectionsFix } from "../../../../__fixtures__/walletConnectionsFix";
 import { ToastMsgType } from "../../../../globals/types";
-import { ellipsisBetweenText } from "../../../../utils/text";
 import { ConfirmConnectModal } from "./ConfirmConnectModal";
 
 jest.mock("@ionic/react", () => ({
@@ -67,7 +66,10 @@ describe("Confirm connect modal", () => {
     expect(getByText(walletConnectionsFix[0].name)).toBeVisible();
     expect(getByText(walletConnectionsFix[0].owner)).toBeVisible();
 
-    const ellipsisLink = ellipsisBetweenText(walletConnectionsFix[0].url);
+    const ellipsisLink =
+      walletConnectionsFix[0].url.substring(0, 5) +
+      "..." +
+      walletConnectionsFix[0].url.slice(-5);
 
     expect(getByText(ellipsisLink)).toBeVisible();
 

diff --git a/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.tsx b/src/ui/pages/Menu/components/ConfirmConnectModal/ConfirmConnectModal.tsx
@@ -4,7 +4,6 @@ import { i18n } from "../../../../../i18n";
 import { OptionModal } from "../../../../components/OptionsModal";
 import { ConfirmConnectModalProps } from "./ConfirmConnectModal.types";
 import "./ConfirmConnectModal.scss";
-import { ellipsisBetweenText } from "../../../../utils/text";
 import { writeToClipboard } from "../../../../utils/clipboard";
 import { setToastMsg } from "../../../../../store/reducers/stateCache";
 import { ToastMsgType } from "../../../../globals/types";
@@ -46,7 +45,9 @@ const ConfirmConnectModal = ({
       : "connectwallet.connectionhistory.confirmconnect.disconnectbtn"
   );
 
-  const displayUrl = ellipsisBetweenText(connectionData?.url || "");
+  const displayUrl = connectionData
+    ? connectionData.url.substring(0, 5) + "..." + connectionData.url.slice(-5)
+    : "";
 
   const deleteConnection = () => {
     if (!connectionData) return;

diff --git a/src/ui/pages/Menu/components/ConnectWalletActions/ConnectWalletActions.test.tsx b/src/ui/pages/Menu/components/ConnectWalletActions/ConnectWalletActions.test.tsx
@@ -4,9 +4,7 @@ import configureStore from "redux-mock-store";
 import EN_TRANSLATIONS from "../../../../../locales/en/en.json";
 import { TabsRoutePath } from "../../../../../routes/paths";
 import { setCurrentOperation } from "../../../../../store/reducers/stateCache";
-import { walletConnectionsFix } from "../../../../__fixtures__/walletConnectionsFix";
 import { OperationType } from "../../../../globals/types";
-import { ellipsisBetweenText } from "../../../../utils/text";
 import { ConnectWalletActions } from "./ConnectWalletActions";
 
 jest.mock("@ionic/react", () => ({

diff --git a/src/ui/utils/text.test.ts b/src/ui/utils/text.test.ts
diff --git a/src/ui/utils/text.ts b/src/ui/utils/text.ts