feat: cleanup regex keep same color for now

getAlby · Sep 26, 2023 · 28a3a5c · 28a3a5c
1 parent c27f5c0
commit 28a3a5c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 29 deletions.
diff --git a/src/app/components/TransactionsTable/index.test.tsx b/src/app/components/TransactionsTable/index.test.tsx
@@ -118,7 +118,7 @@ describe("TransactionsTable", () => {
 
     expect(screen.getByText("Alby")).toBeInTheDocument();
     expect(screen.getByText(/5 days ago/)).toBeInTheDocument();
-    expect(await screen.findByText(/- 1,234,000/)).toBeInTheDocument();
+    expect(await screen.findByText(/- 1,234,000 sats/)).toBeInTheDocument();
     expect(await screen.findByText(/~\$241.02/)).toBeInTheDocument();
   });
 
@@ -135,7 +135,7 @@ describe("TransactionsTable", () => {
 
     expect(await screen.findByText("lambo lambo")).toBeInTheDocument();
     expect(await screen.findByText(/4 days ago/)).toBeInTheDocument();
-    expect(await screen.findByText(/\+ 66,666/)).toBeInTheDocument();
+    expect(await screen.findByText(/\+ 66,666 sats/)).toBeInTheDocument();
     expect(await screen.findByText(/~\$13.02/)).toBeInTheDocument();
 
     const disclosureButtons = screen.queryByRole("button");
@@ -155,7 +155,7 @@ describe("TransactionsTable", () => {
 
     expect(screen.getByText("dumplings")).toBeInTheDocument();
     expect(screen.getByText(/5 days ago/)).toBeInTheDocument();
-    expect(await screen.findByText(/\+ 88,888/)).toBeInTheDocument();
+    expect(await screen.findByText(/\+ 88,888 sats/)).toBeInTheDocument();
     expect(await screen.findByText(/~\$17.36/)).toBeInTheDocument();
   });
 });
diff --git a/src/app/components/TransactionsTable/index.tsx b/src/app/components/TransactionsTable/index.tsx
@@ -88,7 +88,7 @@ export default function TransactionsTable({
                           href={tx.publisherLink}
                           rel="noopener noreferrer"
                         >
-                          {transactionTitle(tx)}
+                          {tx.title}
                         </a>
                       ) : (
                         tx.title ||
@@ -112,12 +112,7 @@ export default function TransactionsTable({
                       )}
                     >
                       {type == "outgoing" ? "-" : "+"}{" "}
-                      {getFormattedSats(tx.totalAmount).replace(/sats?/g, " ")}
-                      <span className=" text-gray-800 dark:text-neutral-400">
-                        {tCommon("sats", {
-                          count: Number(tx.totalAmount),
-                        })}
-                      </span>
+                      {getFormattedSats(tx.totalAmount)}
                     </p>
 
                     {!!tx.totalAmountFiat && (
@@ -167,15 +162,7 @@ export default function TransactionsTable({
                   )}
                 >
                   {transaction.type == "sent" ? "-" : "+"}{" "}
-                  {getFormattedSats(transaction.totalAmount).replace(
-                    /sats?/g,
-                    " "
-                  )}
-                  <span className=" text-gray-800 dark:text-neutral-400">
-                    {tCommon("sats", {
-                      count: Number(transaction.amount),
-                    })}
-                  </span>
+                  {getFormattedSats(transaction.totalAmount)}
                 </p>
 
                 {!!transaction.totalAmountFiat && (
@@ -279,9 +266,3 @@ export default function TransactionsTable({
     </>
   );
 }
-
-function transactionTitle(tx: Transaction) {
-  const title = tx.title;
-
-  if (title) return title;
-}
diff --git a/src/app/hooks/useTransactions.ts b/src/app/hooks/useTransactions.ts
@@ -33,22 +33,22 @@ export const useTransactions = () => {
         const _transactions: Transaction[] =
           await convertPaymentsToTransactions(payments);
 
-        const finalList: Transaction[] = [..._transactions, ...invoices];
+        const transactionList: Transaction[] = [..._transactions, ...invoices];
 
-        for (const transaction of finalList) {
+        for (const transaction of transactionList) {
           transaction.totalAmountFiat = settings.showFiat
             ? await getFormattedFiat(transaction.totalAmount)
             : "";
         }
 
         // Sort the final list by date in descending order.
-        finalList.sort((a, b) => {
+        transactionList.sort((a, b) => {
           const dateA = a.timestamp;
           const dateB = b.timestamp;
           return dateB - dateA;
         });
 
-        setTransactions(finalList);
+        setTransactions(transactionList);
 
         setIsLoadingTransactions(false);
       } catch (e) {