fix: page title + format veMento amount

mento-protocol · Oct 28, 2024 · 25b0fb6 · 25b0fb6
1 parent 8fffa0b
commit 25b0fb6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/voting-power/page.tsx b/src/app/voting-power/page.tsx
@@ -12,7 +12,7 @@ const Page = () => {
     <main className="flex flex-col place-items-center gap-14">
       <div className="flex w-full flex-col gap-4 text-center md:gap-6">
         <h2 className="mb-4 mt-[56px] text-[22px]/none font-medium md:text-[32px]/none">
-          Your existing veMENTO lock
+          Your voting power
         </h2>
         <LocksList />
       </div>

diff --git a/src/components/locks-list/locks-list.component.tsx b/src/components/locks-list/locks-list.component.tsx
@@ -10,6 +10,8 @@ import {
 import { useLockInfo } from "@/lib/hooks/useLockInfo";
 import { RelockForm } from "./locks-relock-form/relock-form.component";
 import useTokens from "@/lib/contracts/useTokens";
+import { formatUnits, parseUnits } from "viem";
+import NumbersService from "@/lib/helpers/numbers.service";
 
 export const LocksList = () => {
   const { address } = useAccount();
@@ -47,7 +49,9 @@ export const LocksList = () => {
   return (
     <LockInfo
       unlockedMento={unlockedMento}
-      lockedBalance={veMentoBalance.formatted}
+      lockedBalance={Number(
+        formatUnits(veMentoBalance.value, 18),
+      ).toLocaleString()}
       expirationDate={parsedExpirationDate}
     >
       <LockInfoActions>