Merge pull request #38 from moonshotcollective/swap-view-clean-up

Swap View Clean up
moonshotcollective · Nov 27, 2021 · 83c4f19 · 83c4f19
2 parents f0d24d5 + c5d6016
commit 83c4f19
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/packages/react-app/src/App.jsx b/packages/react-app/src/App.jsx
@@ -470,10 +470,10 @@ function App(props) {
               }}
               to="/swap"
             >
-              <InteractionOutlined /> Swap
+              <InteractionOutlined /> Start Swap
             </Link>
           </Menu.Item>
-          <Menu.Item key="/contracts">
+          {/* <Menu.Item key="/contracts">
             <Link
               onClick={() => {
                 setRoute("/contracts");
@@ -492,7 +492,7 @@ function App(props) {
             >
               Mainnet DAI
             </Link>
-          </Menu.Item>
+          </Menu.Item> */}
         </Menu>
 
         <Switch>

diff --git a/packages/react-app/src/views/SwapList.jsx b/packages/react-app/src/views/SwapList.jsx
@@ -64,8 +64,21 @@ export default function SwapList({
   return (
     <div>
       <div style={{ marginBottom: 25, flex: 1 }}>
-        <Card title="Swaps" style={{ width: "100%" }}>
+        <Card title="List of Swaps" style={{ width: "100%" }}>
           <List
+            header={
+              <Row>
+                <Col span={6} style={{ fontSize: "20px", textDecoration: "underline" }}>
+                  Swap Id
+                </Col>
+                <Col span={12} style={{ fontSize: "20px", textDecoration: "underline" }}>
+                  Swap Transaction Address
+                </Col>
+                <Col span={6} style={{ fontSize: "20px", textDecoration: "underline" }}>
+                  Commit To Swap
+                </Col>
+              </Row>
+            }
             bordered
             dataSource={activeSwaps}
             pagination={{ pageSize: 10 }}