Fixed nativeAuth (#101)

* Fixed nativeAuth

* Updated nativeAuth

* Removed unused import

* Updated showLabel param

Author: iuliacimpeanu

src/app/dashboard/widgets/NativeAuth/NativeAuth.tsx

@@ -6,27 +6,16 @@ import { OutputContainer } from '@/components/OutputContainer';
 
 import {
   useGetLoginInfo,
-  useGetNetworkConfig,
-  MvxFormatAmount,
-  FormatAmountController,
-  DIGITS,
-  DECIMALS
+  useGetAccount,
+  FormatAmount
 } from '@/lib';
 import { useGetProfile } from './hooks';
 import { Username } from '../Account/components';
 
 export const NativeAuth = () => {
   const { tokenLogin, isLoggedIn } = useGetLoginInfo();
+  const { balance } = useGetAccount();
   const { isLoading, profile, getProfile } = useGetProfile();
-  const { network } = useGetNetworkConfig();
-
-  const { isValid, valueDecimal, valueInteger, label } =
-    FormatAmountController.getData({
-      digits: DIGITS,
-      decimals: DECIMALS,
-      egldLabel: network.egldLabel,
-      input: profile?.balance ?? '0'
-    });
 
   useEffect(() => {
     // On page refresh, tokenInfo is null which implies that we do not have access to loginInfo data
@@ -62,12 +51,10 @@ export const NativeAuth = () => {
 
       <div className='flex gap-1'>
         <Label>Balance:</Label>
-        <MvxFormatAmount
-          isValid={isValid}
-          valueDecimal={valueDecimal}
-          valueInteger={valueInteger}
-          label={label}
+        <FormatAmount
+          value={balance}
           data-testid='balance'
+          showLabel
         />
       </div>
     </OutputContainer>