@@ -170,7 +178,9 @@ export function SubscriptionPlanPreview({
<>
Trial Period
- {`${subscriptionPlan.trialDays} day${subscriptionPlan.trialDays > 1 ? "s" : ""}`}
+ {`${subscriptionPlan.trialDays} day${
+ subscriptionPlan.trialDays > 1 ? "s" : ""
+ }`}
) : (
diff --git a/src/components/subscription-plans/blocks/create-subscription-plan.tsx b/src/components/subscription-plans/blocks/create-subscription-plan.tsx
index d9d79d2d..2f3624f0 100644
--- a/src/components/subscription-plans/blocks/create-subscription-plan.tsx
+++ b/src/components/subscription-plans/blocks/create-subscription-plan.tsx
@@ -17,7 +17,6 @@ import {
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
import {
Select,
SelectContent,
@@ -33,14 +32,14 @@ import { subscriptionPlanApiSchema } from "@/lib/schemas/subscription-plan";
import { RecurrenceFrequency } from "@/server/db/schema";
import { api } from "@/trpc/react";
import { zodResolver } from "@hookform/resolvers/zod";
-import { useAppKit, useAppKitAccount } from "@reown/appkit/react";
-import { LogOut, Plus, Wallet } from "lucide-react";
+import { useAppKitAccount } from "@reown/appkit/react";
+import { Plus } from "lucide-react";
+import { useEffect } from "react";
import { useForm } from "react-hook-form";
import { toast } from "sonner";
import type { z } from "zod";
const subscriptionPlanFormSchema = subscriptionPlanApiSchema.omit({
- payee: true,
chain: true,
});
@@ -54,8 +53,7 @@ export function CreateSubscriptionPlan({
onClose,
}: CreateSubscriptionPlanProps) {
const trpcContext = api.useUtils();
- const { address, isConnected } = useAppKitAccount();
- const { open } = useAppKit();
+ const { address } = useAppKitAccount();
const { mutateAsync: createSubscriptionPlan, isLoading } =
api.subscriptionPlan.create.useMutation({
@@ -80,39 +78,26 @@ export function CreateSubscriptionPlan({
amount: 0,
totalPayments: 12,
paymentCurrency: "FAU-sepolia",
+ payee: "",
},
});
- const onSubmit = async (data: SubscriptionPlanFormValues) => {
- if (!isConnected || !address) {
- toast.error("Please connect your wallet first");
- return;
+ useEffect(() => {
+ if (address) {
+ form.setValue("payee", address);
}
+ }, [address, form]);
+ const onSubmit = async (data: SubscriptionPlanFormValues) => {
await createSubscriptionPlan({
...data,
- payee: address,
chain: "sepolia",
});
};
return (