diff --git a/components/devices-for-payment.tsx b/components/devices-for-payment.tsx
index 0bc0c82..bd730f4 100644
--- a/components/devices-for-payment.tsx
+++ b/components/devices-for-payment.tsx
@@ -1,5 +1,10 @@
"use client";
+import { useAtom, useAtomValue, useSetAtom } from "jotai";
+import { CircleDollarSign, Loader2 } from "lucide-react";
+import { redirect, usePathname } from "next/navigation";
+import { useState } from "react";
+import { toast } from "sonner";
import { createPayment } from "@/actions/payment";
import DeviceCard from "@/components/device-card";
import NumberInput from "@/components/number-input";
@@ -7,41 +12,21 @@ import { Button } from "@/components/ui/button";
import { deviceCartAtom, numberOfMonths } from "@/lib/atoms";
import type { NewPayment } from "@/lib/backend-types";
import { tryCatch } from "@/utils/tryCatch";
-import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { CircleDollarSign, Loader2 } from "lucide-react";
-import { redirect, usePathname } from "next/navigation";
-import { useEffect, useState } from "react";
-import { toast } from "sonner";
import FullPageLoader from "./full-page-loader";
export default function DevicesForPayment() {
- const baseAmount = 100;
- const discountPercentage = 75;
const pathname = usePathname();
const devices = useAtomValue(deviceCartAtom);
const setDeviceCart = useSetAtom(deviceCartAtom);
const [months, setMonths] = useAtom(numberOfMonths);
- const [message, setMessage] = useState("");
const [disabled, setDisabled] = useState(false);
- const [total, setTotal] = useState(0);
- console.log(total);
- useEffect(() => {
- if (months === 7) {
- setMessage("You will get 1 month free.");
- } else if (months === 12) {
- setMessage("You will get 2 months free.");
- } else {
- setMessage("");
- }
- setTotal(baseAmount + (devices.length + 1 - 1) * discountPercentage);
- }, [months, devices.length]);
+
if (pathname === "/payments") {
return null;
}
const data: NewPayment = {
- amount: 100,
- number_of_months: 2,
+ number_of_months: months,
device_ids: devices.map((device) => device.id),
};
@@ -63,11 +48,7 @@ export default function DevicesForPayment() {
maxAllowed={12}
isDisabled={devices.length === 0}
/>
- {message && (
-
- {message}
-
- )}
+