fix decimals (#365)

* fix decimals

* add loading on reputation-score page

src/pages/reputation-score/index.tsx

@@ -7,6 +7,7 @@ import { useAccount, useReadContract } from 'wagmi';
 
 import { engagementContracts } from '@/lib/contracts/engagement/contracts';
 
+import SimpleBackdrop from '@/components/global/LoadingBackdrop';
 import SEO from '@/components/global/SEO';
 import TcBoxContainer from '@/components/shared/TcBox/TcBoxContainer';
 
@@ -25,13 +26,17 @@ function ReputationScore() {
     (contract) => contract.chainId === chainId
   );
 
-  const { data: hasMinted } = useReadContract({
+  const { data: hasMinted, isLoading } = useReadContract({
     address: engagementContract?.address as `0x${string}`,
     abi: engagementContract?.abi as Abi,
     functionName: 'balanceOf',
     args: [address, dynamicNFTModuleInfo?.metadata[0]?.tokenId],
   });
 
+  if(isConnected && isLoading) {
+    return <SimpleBackdrop />
+  }
+
   return (
     <>
       <SEO titleTemplate='Reputation Score' />

src/pages/reputation-score/score.tsx

@@ -95,7 +95,7 @@ const ScorePage = () => {
     series: [
       {
         name: 'Score',
-        data: [reputationScore ?? 0],
+        data: [reputationScore ? parseFloat(reputationScore.toFixed(1)) : 0],
         tooltip: {
           valueSuffix: ' /100',
         },
@@ -177,4 +177,4 @@ const ScorePage = () => {
   );
 };
 
-export default withRoles(ScorePage, []);
+export default ScorePage;