feat: show collection on swap screen

TreasureProject · Jun 17, 2024 · 3cca488 · 3cca488
1 parent ae3b96c
commit 3cca488
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/app/components/ui/NumberSelect.tsx b/app/components/ui/NumberSelect.tsx
@@ -39,9 +39,17 @@ export const NumberSelect = ({
       >
         <MinusIcon className="w-4" />
       </button>
-      <p className="w-6 text-center text-sm font-medium leading-[160%] text-night-100">
-        {number}
-      </p>
+      <input
+        value={number}
+        min={0}
+        max={max}
+        onChange={(e) => {
+          const newValue = Number(e.target.value);
+          if (isNaN(newValue)) return;
+          setNumber(Math.min(newValue, max));
+        }}
+        className="center w-10 bg-transparent text-center text-sm font-medium text-night-100"
+      />
       <button
         className={cn(
           "flex h-6 w-6 items-center justify-center rounded-md text-night-400 opacity-50 transition-colors",