chore: yeet small label in ramps input field

TalismanSociety · Jan 17, 2025 · 229013b · 229013b
1 parent 0493e9d
commit 229013b
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 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
@@ -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
@@ -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
@@ -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>) => {