From 25b0fb613c5a89966743232a5e910e0e1630966e Mon Sep 17 00:00:00 2001
From: denviljclarke <60730266+denviljclarke@users.noreply.github.com>
Date: Mon, 28 Oct 2024 11:41:26 -0500
Subject: [PATCH] fix: page title + format veMento amount

---
 src/app/voting-power/page.tsx                      | 2 +-
 src/components/locks-list/locks-list.component.tsx | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/app/voting-power/page.tsx b/src/app/voting-power/page.tsx
index f0425da..09b7ee4 100644
--- 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
index 4f7f866..742102e 100644
--- 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>