Move BalanceCheck to components/token

Author: carlbarrdahl

packages/allo-app/components/registration/registration-form.tsx

@@ -18,7 +18,7 @@ import { Input } from "~/components/ui/input";
 import { Button } from "~/components/ui/button";
 import { Textarea } from "~/components/ui/textarea";
 import { useIpfsUpload } from "~/hooks/use-ipfs-upload";
-import { BalanceCheck } from "~/components/balance-check";
+import { BalanceCheck } from "~/components/token/balance-check";
 import { ImageUpload } from "~/components/image-upload";
 import { RegistrationSchema } from "./schemas";
 import { useRegister } from "./use-register";

…es/allo-app/components/balance-check.tsx …o-app/components/token/balance-check.tsxpackages/allo-app/components/balance-check.tsx renamed to packages/allo-app/components/token/balance-check.tsx packages/allo-app/components/balance-check.tsx renamed to packages/allo-app/components/token/balance-check.tsx

@@ -1,16 +1,19 @@
 import { PropsWithChildren } from "react";
 import { useAccount, useBalance } from "wagmi";
-import { Button } from "./ui/button";
+import { Button } from "../ui/button";
 
-export function BalanceCheck({ children }: PropsWithChildren) {
+export function BalanceCheck({
+  children,
+  amount = 0n,
+}: PropsWithChildren<{ amount?: bigint }>) {
   const { address } = useAccount();
-  const { data: { value = 0 } = {}, isPending } = useBalance({
+  const { data: { value = 0n } = {}, isPending } = useBalance({
     address,
   });
 
   if (isPending) return <Button variant={"outline"} isLoading />;
 
-  if (value > 0) return <>{children}</>;
+  if (value > amount) return <>{children}</>;
 
   return (
     <Button disabled variant="ghost">