fix: formatt rmc units in landing page slot feed

iotaledger · Apr 22, 2024 · c7b3de0 · c7b3de0
1 parent 3da9332
commit c7b3de0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/client/src/app/components/nova/PageDataRow.tsx b/client/src/app/components/nova/PageDataRow.tsx
@@ -16,12 +16,12 @@ export interface IPageDataRow {
     tokenInfo?: BaseTokenResponse;
 }
 const PageDataRow = ({ label, value, truncatedId, highlight, tokenInfo }: IPageDataRow): React.JSX.Element => {
-    const [isFormatBalance, setIsFormatBalance] = useState(false);
+    const [isFormatBalance, setIsFormatBalance] = useState(true);
 
     const renderValue = () => {
         if (truncatedId) {
             return <TruncatedId id={truncatedId.id} link={truncatedId.link} showCopyButton={truncatedId.showCopyButton} />;
-        } else if (tokenInfo && value && Number.parseInt(value.toString(), 10)) {
+        } else if (tokenInfo && value) {
             return (
                 <span onClick={() => setIsFormatBalance(!isFormatBalance)} className="pointer margin-r-5">
                     {formatAmount(value ?? 0, tokenInfo, isFormatBalance)}

diff --git a/client/src/helpers/nova/hooks/useGenerateSlotsTable.ts b/client/src/helpers/nova/hooks/useGenerateSlotsTable.ts
@@ -3,7 +3,7 @@ import type { ITableRow } from "~/app/components/Table";
 import { TableCellType, type TTableData } from "~/app/components/nova/TableCell";
 import { SlotStatus } from "~app/lib/enums";
 import { SlotTableHeadings } from "~/app/lib/ui/enums";
-import { Utils } from "@iota/sdk-wasm-nova/web";
+import { BaseTokenResponse, Utils } from "@iota/sdk-wasm-nova/web";
 import useSlotsFeed from "./useSlotsFeed";
 import { useNovaTimeConvert } from "./useNovaTimeConvert";
 import { useNetworkInfoNova } from "../networkInfo";
@@ -93,6 +93,7 @@ function getSlotCommitmentTableRow(
     slotIndex: number,
     commitmentWrapper: ISlotCommitmentWrapper | null,
     slotTimeRange: SlotTimeRange,
+    tokenInfo: BaseTokenResponse,
 ): ITableRow<TTableData> {
     const data: TTableData[] = [];
 
@@ -120,8 +121,10 @@ function getSlotCommitmentTableRow(
                 break;
             case SlotTableHeadings.ReferenceManaCost:
                 tableData = {
-                    type: TableCellType.Text,
+                    type: TableCellType.Formatted,
                     data: referenceManaCost,
+                    tokenInfo,
+                    isFormatted: true,
                 };
                 break;
             case SlotTableHeadings.Blocks:
@@ -170,7 +173,7 @@ function getSlotCommitmentTableRow(
 }
 
 export function useGenerateSlotsTable(): ITableRow<TTableData>[] {
-    const { name: network } = useNetworkInfoNova((s) => s.networkInfo);
+    const { name: network, manaInfo } = useNetworkInfoNova((s) => s.networkInfo);
     const { slotIndexToUnixTimeRange } = useNovaTimeConvert();
     const { currentSlotIndex, currentSlotTimeRange, latestSlotCommitments, latestSlotIndexes } = useSlotsFeed();
 
@@ -185,7 +188,7 @@ export function useGenerateSlotsTable(): ITableRow<TTableData>[] {
         latestSlotIndexes?.map((slotIndex) => {
             const commitmentWrapper = latestSlotCommitments?.find((commitment) => commitment.slotCommitment.slot === slotIndex) ?? null;
             const slotTimeRange = slotIndexToUnixTimeRange?.(slotIndex) ?? null;
-            const row = getSlotCommitmentTableRow(network, slotIndex, commitmentWrapper, slotTimeRange);
+            const row = getSlotCommitmentTableRow(network, slotIndex, commitmentWrapper, slotTimeRange, manaInfo);
             rows.push(row);
         });
     }