diff --git a/components/dashboard/convert/conversion-form.tsx b/components/dashboard/convert/conversion-form.tsx index 0ea8d93..cc5fb75 100644 --- a/components/dashboard/convert/conversion-form.tsx +++ b/components/dashboard/convert/conversion-form.tsx @@ -6,7 +6,7 @@ import { useConversion } from "@/hooks/useConversion"; import { ConfirmationModal } from "../modals/confirmation-modal"; import { CurrencySelector } from "./currency-selector"; import { ExchangeRateDisplay } from "./exhange-rate-display"; -import Image from "next/image"; +import { ArrowDown } from "lucide-react"; // import { TokenSelectorModal } from "./modals/token-selector-modal"; // import { useState } from "react"; @@ -26,7 +26,6 @@ export function ConversionForm() { // showTokenSelector, currencies, selectToken, - handleAmountChange, openTokenSelector, // closeTokenSelector, @@ -35,15 +34,13 @@ export function ConversionForm() { // const [showConfirmation, setShowConfirmation] = useState(false); return ( -
+
{/* From Section */}
-
- +
+
1 ? "." + parts[1] : ""); handleAmountChange("from", formattedValue); }} - className="text-5xl focus:outline-none placeholder:text-gray-400 font-semibold w-full border-none p-0 bg-transparent" + className="text-xl md:text-5xl focus:outline-none placeholder:text-gray-400 font-semibold w-full border-none p-0 bg-transparent" placeholder="0" type="text" inputMode="decimal" @@ -76,23 +73,18 @@ export function ConversionForm() { {/* Swap Icon */}
-
- arrow +
+
{/* To Section */}
-
-