fix: remove console log and enhance BuyFractionalOrderForm logic

- Removed unnecessary console log from ReadMore component.
- Updated BuyFractionalOrderForm to correctly calculate available units using fraction data.
- Added error handling for invalid unit amounts during form submission.

Author: Jipperism

components/marketplace/buy-fractional-order-form.tsx

@@ -24,6 +24,7 @@ import {
   getPricePerUnit,
 } from "@/marketplace/utils";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { parseClaimOrFractionId } from "@hypercerts-org/sdk";
 import { useForm } from "react-hook-form";
 import { parseUnits } from "viem";
 import z from "zod";
@@ -80,7 +81,14 @@ export const BuyFractionalOrderForm = ({
   const { minUnitAmount, maxUnitAmount, minUnitsToKeep } =
     decodeFractionalOrderParams(order.additionalParameters);
 
-  const availableUnits = BigInt(hypercert?.units || 0) - BigInt(minUnitsToKeep);
+  const fractionTokenId = BigInt(order.itemIds[0]);
+  const fraction = hypercert.fractions?.data?.find(
+    (fraction) =>
+      parseClaimOrFractionId(fraction.fraction_id || "").id === fractionTokenId,
+  );
+  const fractionUnits = BigInt(fraction?.units || 0);
+
+  const availableUnits = fractionUnits - BigInt(minUnitsToKeep);
   const maxUnitAmountToBuy =
     availableUnits > maxUnitAmount ? maxUnitAmount : availableUnits;
 
@@ -124,6 +132,7 @@ export const BuyFractionalOrderForm = ({
   const form = useForm<BuyFractionalOrderFormValues>({
     resolver: zodResolver(formSchema),
     reValidateMode: "onChange",
+    mode: "onChange",
     defaultValues: {
       minPercentageAmount,
       maxPercentageAmount,
@@ -143,6 +152,15 @@ export const BuyFractionalOrderForm = ({
     }
 
     const unitAmount = getUnitsToBuy(values.percentageAmount);
+
+    if (unitAmount === BigInt(0)) {
+      throw new Error("Invalid unit amount");
+    }
+
+    if (unitAmount > hypercertUnits) {
+      throw new Error("Unit amount is greater than hypercert units");
+    }
+
     const pricePerUnit = getPricePerUnit(
       values.pricePerPercent,
       hypercertUnits,

components/read-more.tsx

@@ -19,8 +19,6 @@ export default function ReadMore({
 }) {
   const [isOpen, setIsOpen] = useState(false);
 
-  console.log(text);
-
   if (!text) {
     return null;
   }