Small tweaks

sql/procedures.sql

@@ -105,7 +105,7 @@ begin
       update bank_account
       set balance = balance + resource_amount / resource_sell_factor
       where user_id = p_user_id
-      returning resource_amount * resource_sell_factor into return_amount;
+      returning resource_amount / resource_sell_factor into return_amount;
 
       sale_result := 'Success';
     end if;

src/app/Components/Accounts/Account.tsx

@@ -13,13 +13,13 @@ const ResourceAccount = (props: {
   const [conversionPair, setConversionPair] = useState<
     IConversionPair | undefined
   >(undefined);
-  const [conversionRate, setConversionRate] = useState<number>(0.1);
+  const [conversionRate, setConversionRate] = useState<number>(0);
 
   const handleConversionPair = (amount: number, resourceType: string) => {
     const updatedPair = {
       resourceType: resourceType,
       resourceAmount: amount,
-      moneyAmount: amount * conversionRate,
+      moneyAmount: amount / conversionRate,
     };
     setConversionPair(updatedPair);
   };
@@ -31,6 +31,11 @@ const ResourceAccount = (props: {
     return rate;
   };
 
+  const handleSellResource = () => {
+    conversionPair && props.sellResource([conversionPair]);
+    setShowModal(false);
+  };
+
   useEffect(() => {
     const rate = getConversionRate(props.account);
     setConversionRate(rate);
@@ -84,7 +89,7 @@ const ResourceAccount = (props: {
                   </p>
                   {conversionPair && (
                     <button
-                      onClick={() => props.sellResource([conversionPair])}
+                      onClick={() => handleSellResource()}
                       className="bg-green-700 py-2 text-slate-900 rounded-lg font-bold w-28 text-center text-white"
                     >
                       Sell Now

src/app/Components/Accounts/AccountsView.tsx

@@ -1,11 +1,6 @@
 "use client";
-import React, { useState, useEffect } from "react";
-import {
-  IBankAccount,
-  IConversionPair,
-  IGameConfig,
-  IResourceAccount,
-} from "typings";
+import React from "react";
+import { IBankAccount, IConversionPair, IGameConfig } from "typings";
 import Account from "./Account";
 import { BiLoaderAlt } from "react-icons/bi";
 

src/app/page.tsx

@@ -32,7 +32,7 @@ export default function Home() {
   const [notificationTime, setNotificationTime] = useState(30);
   const [storeItems, setStoreItems] = useState<IStoreItem[] | null>(null);
   const [isLoading, setIsLoading] = useState(true);
-  const [activeComponent, setActiveComponent] = useState("inventoryitemview");
+  const [activeComponent, setActiveComponent] = useState("stakingsourcesview");
   const [gameConfig, setGameConfig] = useState<IGameConfig>();
 
   const isOwned = (storeItemId: number) => {
@@ -204,7 +204,13 @@ export default function Home() {
     if (response.status == 200) {
       const data = await response.json();
       setNotification({
-        message: `You've received ${data[0].returnAmount} $MoonBucks`,
+        message: `You've received ${data[0].returnAmount.toLocaleString(
+          "en-US",
+          {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          }
+        )} $MoonBucks`,
         type: "Success",
       });
       fetchBankAccount();
@@ -340,6 +346,7 @@ export default function Home() {
     return <p>Loading...</p>;
   }
 
+  console.log(bankAccount);
   return (
     <>
       <Navbar setUserId={setUserId} />