upd: sGEM1 price

src/modules/Users/index.tsx

@@ -18,7 +18,7 @@
 
 import { findAllValidPeriods } from "./functions";
 
-import { account, apiData } from "@store";
+import { account, apiData, assetsPrices } from "@store";
 
 import { contests } from "@stabilitydao/stability";
 
@@ -42,18 +42,20 @@
 
 const Users = (): JSX.Element => {
   const $apiData: ApiMainReply | undefined = useStore(apiData);
+  const $assetsPrices = useStore(assetsPrices);
   const $account = useStore(account);
 
   // const activeContestInfo = contests?.[currentPeriod];
   // const pastContestInfo = contests?.[previousPeriod];
 
   const [userBalance, setUserBalance] = useState({ points: "-", gems: "-" });
   const [userData, setUserData] = useState<any>([]); // todo: change type to user rewards
   const [gemsEarned, setGemsEarned] = useState("0");
   const [rewardsTotalSupply, setRewardsTotalSupply] = useState({
     points: "0",
     gems: "900k",
   });
+  const [gemPrice, setGemPrice] = useState("-");
 
   const [contestsToClaim, setContestsToClaim] = useState([]);
 
@@ -92,6 +94,19 @@
     }
   };
 
+  const getSGEMPrice = async () => {
+    const sonicPrices = $assetsPrices["146"];
+
+    if (sonicPrices) {
+      const _sGEM1Price =
+        Number(
+          sonicPrices[sGEM1?.toLowerCase() as keyof typeof sonicPrices]?.price
+        ).toFixed(3) ?? "0.010";
+
+      setGemPrice(_sGEM1Price);
+    }
+  };
+
   const getRewardsTotalSupply = async () => {
     if ($apiData?.leaderboards?.absolute.length) {
       const pointsTotalSupply = $apiData?.leaderboards?.absolute.reduce(
@@ -270,9 +285,13 @@
     initTableData();
   }, [activeContest, allContests]);
 
+  useEffect(() => {
+    getSGEMPrice();
+  }, [$assetsPrices]);
+
   useEffect(() => {
     getRewardsTotalSupply();
-  }, [$apiData?.leaderboards?.absolute]);
+  }, [$apiData]);
 
   useEffect(() => {
     if ($account) {
@@ -334,7 +353,7 @@
                 </div>
                 <div className="flex flex-col items-start">
                   <span className="text-[#EAD9B2] text-[15px] font-regular mb-[-10px]">
-                    Price: 0.01 USDc
+                    Price: ${gemPrice}
                   </span>
                   <span className="font-medium text-[30px]">
                     Balance: {userBalance.gems}