refactor: remove clickable amount component

BoltzExchange · Jan 5, 2024 · d7ea5cd · d7ea5cd
1 parent b31bc7d
commit d7ea5cd
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 89 deletions.
diff --git a/src/Create.tsx b/src/Create.tsx
@@ -5,7 +5,6 @@ import { Show, createEffect, createMemo, on, onMount } from "solid-js";
 import AddressInput from "./components/AddressInput";
 import Asset from "./components/Asset";
 import AssetSelect from "./components/AssetSelect";
-import ClickableAmount from "./components/ClickableAmount";
 import ConnectMetamask from "./components/ConnectMetamask";
 import { CreateButton, setButtonLabel } from "./components/CreateButton";
 import Fees from "./components/Fees";
@@ -227,17 +226,18 @@ const Create = () => {
             <h2>{t("create_swap")}</h2>
             <p>
                 {t("create_swap_subline")} <br />
-                {t("send")}{" "}
-                <ClickableAmount
-                    label={"min"}
-                    onClick={setAmount}
-                    amount={minimum}
-                />{" "}
-                <ClickableAmount
-                    label={"max"}
-                    onClick={setAmount}
-                    amount={maximum}
-                />
+                {t("send")} {t("min")}:{" "}
+                <span
+                    onClick={() => setAmount(minimum())}
+                    class="btn-small btn-light">
+                    {formatAmount(minimum())}
+                </span>{" "}
+                {t("max")}:{" "}
+                <span
+                    onClick={() => setAmount(maximum())}
+                    class="btn-small btn-light">
+                    {formatAmount(maximum())}
+                </span>{" "}
             </p>
             <div class="icons">
                 <div>

diff --git a/src/components/ClickableAmount.tsx b/src/components/ClickableAmount.tsx
diff --git a/tests/components/ClickableAmount.spec.jsx b/tests/components/ClickableAmount.spec.jsx