feat: add submit button, and more

dezswap · Jan 6, 2023 · 803a50e · 803a50e
1 parent c714d72
commit 803a50e
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 28 deletions.
diff --git a/src/pages/Pool/Provide/InputGroup.tsx b/src/pages/Pool/Provide/InputGroup.tsx
@@ -54,7 +54,7 @@ const InputGroup = forwardRef<HTMLInputElement, InputGroupProps>(
                   {asset?.symbol}
                 </AssetButton>
               </Col>
-              <Col xs="content">
+              <Col xs="content" className="cm-hidden">
                 <Copy size={38} value={asset?.address} />
               </Col>
             </Row>

diff --git 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<FormEventHandler<HTMLFormElement>>(
     (event) => {
       /* TODO: implement */
+      event.preventDefault();
     },
     [],
   );
@@ -106,34 +108,43 @@ function ProvidePage() {
           }}
           style={{ marginBottom: 10 }}
         />
-        <Expand
-          label="Summary"
-          preview={
-            <div>
-              Preview
-              <br />
-              Preview
-              <br />
-              Preview
-              <br />
-              Preview
-              <br />
-            </div>
-          }
+        <div
+          css={css`
+            margin-bottom: 20px;
+          `}
         >
-          Children
-          <br />
-          Children
-          <br />
-          Children
-          <br />
-          Children
-          <br />
-          Children
-          <br />
-          Children
-          <br />
-        </Expand>
+          <Expand
+            label="Summary"
+            preview={
+              <div>
+                Preview
+                <br />
+                Preview
+                <br />
+                Preview
+                <br />
+                Preview
+                <br />
+              </div>
+            }
+          >
+            Children
+            <br />
+            Children
+            <br />
+            Children
+            <br />
+            Children
+            <br />
+            Children
+            <br />
+            Children
+            <br />
+          </Expand>
+        </div>
+        <Button type="submit" size="large" variant="primary" block>
+          Add liquidity
+        </Button>
       </form>
     </Modal>
   );