diff --git a/src/pages/Pool/Provide/InputGroup.tsx b/src/pages/Pool/Provide/InputGroup.tsx index f276aedd..15424f28 100644 --- a/src/pages/Pool/Provide/InputGroup.tsx +++ b/src/pages/Pool/Provide/InputGroup.tsx @@ -54,7 +54,7 @@ const InputGroup = forwardRef( {asset?.symbol} - + diff --git a/src/pages/Pool/Provide/index.tsx b/src/pages/Pool/Provide/index.tsx index 5e4515bf..467c8081 100644 --- a/src/pages/Pool/Provide/index.tsx +++ b/src/pages/Pool/Provide/index.tsx @@ -9,6 +9,7 @@ import { css } from "@emotion/react"; import iconProvide from "assets/icons/icon-provide.svg"; import Expand from "components/Expanded"; import { MOBILE_SCREEN_CLASS } from "constants/layout"; +import Button from "components/Button"; import InputGroup from "./InputGroup"; enum FormKey { @@ -41,6 +42,7 @@ function ProvidePage() { const handleSubmit = useCallback>( (event) => { /* TODO: implement */ + event.preventDefault(); }, [], ); @@ -106,34 +108,43 @@ function ProvidePage() { }} style={{ marginBottom: 10 }} /> - - Preview -
- Preview -
- Preview -
- Preview -
- - } +
- Children -
- Children -
- Children -
- Children -
- Children -
- Children -
- + + Preview +
+ Preview +
+ Preview +
+ Preview +
+
+ } + > + Children +
+ Children +
+ Children +
+ Children +
+ Children +
+ Children +
+
+ + );