fix lint issue (#3832)

* Handle PricePretty and Lint issue
osmosis-labs · Sep 6, 2024 · 9f33e44 · 9f33e44
1 parent a263d66
commit 9f33e44
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/web/components/transactions/recent-activity/recent-activity-transaction-row.tsx b/packages/web/components/transactions/recent-activity/recent-activity-transaction-row.tsx
@@ -28,7 +28,8 @@ export const SwapRow: FunctionComponent<TransactionRow> = ({
     <div className="flex flex-col gap-0.5">
       <p className="body2 text-white-full">{title[status]}</p>
       <div className="caption flex items-center gap-1 text-osmoverse-300">
-        {formatFiatPrice(tokenConversion.tokenIn?.value)}{" "}
+        {tokenConversion.tokenIn?.value &&
+          formatFiatPrice(tokenConversion.tokenIn?.value)}{" "}
         {tokenConversion.tokenIn.amount.denom}{" "}
         <Icon id="arrow-right" width={14} height={14} />{" "}
         {tokenConversion.tokenOut.amount.denom}

diff --git a/packages/web/components/transactions/transaction-details/transaction-details-content.tsx b/packages/web/components/transactions/transaction-details/transaction-details-content.tsx
@@ -142,7 +142,7 @@ export const TransactionDetailsContent = ({
                 {formatPretty(tokenIn.token, { maxDecimals: 6 }).split(" ")[0]}
               </div>
               <div className="body1 text-osmoverse-300">
-                {formatFiatPrice(tokenIn?.usd, "", t)}
+                {formatFiatPrice(tokenIn?.usd)}
               </div>
             </div>
           </div>

diff --git a/packages/web/components/transactions/transaction-row.tsx b/packages/web/components/transactions/transaction-row.tsx
@@ -3,7 +3,6 @@ import classNames from "classnames";
 import { FunctionComponent } from "react";
 
 import { FallbackImg, Icon } from "~/components/assets";
-import { useTranslation } from "~/hooks";
 import { theme } from "~/tailwind.config";
 import { formatFiatPrice, formatPretty } from "~/utils/formatter";
 
@@ -132,7 +131,6 @@ const TokenConversion: FunctionComponent<
     TransactionRow["tokenConversion"]
   >
 > = ({ status, tokenIn, tokenOut, effect }) => {
-  const { t } = useTranslation();
   return (
     <div className="flex w-2/3 items-center justify-end gap-4 md:w-1/2">
       <div className="flex w-60 items-center justify-end gap-4 md:hidden">