From 3e1c3c3d723884d3b9941bdca8d66dbde29559fc Mon Sep 17 00:00:00 2001
From: Chid Gilovitz <chid@talisman.xyz>
Date: Fri, 17 Jan 2025 15:36:33 +0800
Subject: [PATCH] chore: yeet small label in ramps input field (#1784)

---
 .../domains/Asset/Buy/components/InputWithSideComponent.tsx  | 5 -----
 .../Asset/Buy/components/form/BuyTokensFiatAmountInput.tsx   | 1 -
 .../Asset/Buy/components/form/BuyTokensTokenAmountInput.tsx  | 3 +--
 3 files changed, 1 insertion(+), 8 deletions(-)

diff --git a/apps/extension/src/ui/domains/Asset/Buy/components/InputWithSideComponent.tsx b/apps/extension/src/ui/domains/Asset/Buy/components/InputWithSideComponent.tsx
index 4867f73b2..21bb84db2 100644
--- a/apps/extension/src/ui/domains/Asset/Buy/components/InputWithSideComponent.tsx
+++ b/apps/extension/src/ui/domains/Asset/Buy/components/InputWithSideComponent.tsx
@@ -5,7 +5,6 @@ export type InputWithSideComponentProps = {
     React.InputHTMLAttributes<HTMLInputElement>,
     HTMLInputElement
   >
-  inputFieldLabel: string | number
   inputType: "string" | "number"
   inputPlaceholder: string
   isLoading?: boolean
@@ -18,7 +17,6 @@ export type InputWithSideComponentProps = {
 
 export const InputWithSideComponent = ({
   inputFieldProps,
-  inputFieldLabel,
   inputType,
   inputPlaceholder,
   isLoading,
@@ -47,9 +45,6 @@ export const InputWithSideComponent = ({
             {...inputFieldProps}
             onChange={onInputChange}
           />
-          <div className={classNames("text-tiny", !inputFieldLabel && "invisible")}>
-            {inputFieldLabel ?? "..."}
-          </div>
         </div>
         {sideComponent}
       </div>
diff --git a/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensFiatAmountInput.tsx b/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensFiatAmountInput.tsx
index 2e69d1454..cd6302abc 100644
--- a/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensFiatAmountInput.tsx
+++ b/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensFiatAmountInput.tsx
@@ -29,7 +29,6 @@ export const BuyTokensFiatAmountInput = () => {
   return (
     <InputWithSideComponent
       inputFieldProps={register("fiatAmount")}
-      inputFieldLabel={fiatCurrency || "$0"}
       inputType="number"
       inputPlaceholder="0"
       onInputChange={(e) => {
diff --git a/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensTokenAmountInput.tsx b/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensTokenAmountInput.tsx
index 4d1fc0be2..cd05b1435 100644
--- a/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensTokenAmountInput.tsx
+++ b/apps/extension/src/ui/domains/Asset/Buy/components/form/BuyTokensTokenAmountInput.tsx
@@ -20,12 +20,11 @@ export const BuyTokensTokenAmountInput = () => {
     setValue("dirtyAmountField", "tokenAmount", { shouldValidate: true })
   }
 
-  const [fiatAmount, { decimals }] = watch(["fiatAmount", "rampTokenAsset"])
+  const { decimals } = watch("rampTokenAsset")
 
   return (
     <InputWithSideComponent
       inputFieldProps={register("tokenAmount")}
-      inputFieldLabel={`$${fiatAmount || "0"}`}
       inputType="number"
       inputPlaceholder="0"
       onInputChange={(e: React.ChangeEvent<HTMLInputElement>) => {