Add order form /w components

gnosis · Nov 12, 2020 · e946fe4 · e946fe4
1 parent d766476
commit e946fe4
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 13 deletions.
diff --git a/src/app/TradeApp/pages/Trading.tsx b/src/app/TradeApp/pages/Trading.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 
 import { OrderForm } from 'components/OrderForm'
 
-const TradeInterface = styled.div`
+const Wrapper = styled.div`
   display: flex;
   overflow: hidden;
   flex: 1 1 auto;
@@ -14,9 +14,9 @@ const TradeInterface = styled.div`
 `
 
 export const Trading: React.FC = () => (
-  <TradeInterface>
+  <Wrapper>
     <OrderForm />
-  </TradeInterface>
+  </Wrapper>
 )
 
 export default Trading
diff --git a/src/components/OrderForm/index.tsx b/src/components/OrderForm/index.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components'
 
 import { TokenPairSelector } from 'components/TokenPairSelector'
 
-const OrderFormStyled = styled.div`
+const Wrapper = styled.div`
   display: flex;
   background: none;
   width: 31rem;
@@ -13,9 +13,9 @@ const OrderFormStyled = styled.div`
   border-right: 0.1rem solid var(--color-border);
 `
 export const OrderForm: React.FC = () => (
-  <OrderFormStyled>
+  <Wrapper>
     <TokenPairSelector />
-  </OrderFormStyled>
+  </Wrapper>
 )
 
 export default OrderForm
diff --git a/src/components/TokenPairSelector/index.tsx b/src/components/TokenPairSelector/index.tsx
@@ -5,7 +5,7 @@ import { TokenPairSelectorList } from 'components/TokenPairSelectorList'
 
 import ArrowWhite from 'assets/img/arrow-white.svg'
 
-const TokenPairSelectorStyled = styled.div`
+const Wrapper = styled.div`
   display: flex;
   width: 100%;
 
@@ -58,13 +58,13 @@ const TokenPairSelectorStyled = styled.div`
 `
 
 export const TokenPairSelector: React.FC = () => (
-  <TokenPairSelectorStyled>
+  <Wrapper>
     <button>
       <b>ETH/USDC</b>
       <i>Select Pair</i>
       <TokenPairSelectorList />
     </button>
-  </TokenPairSelectorStyled>
+  </Wrapper>
 )
 
 export default TokenPairSelector
diff --git a/src/components/TokenPairSelectorList/index.tsx b/src/components/TokenPairSelectorList/index.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
 
-const TokenPairSelectorListStyled = styled.div`
+const Wrapper = styled.div`
   width: 100%;
   display: none;
   position: absolute;
@@ -10,8 +10,6 @@ const TokenPairSelectorListStyled = styled.div`
   background: yellow;
   left: 0;
 `
-export const TokenPairSelectorList: React.FC = () => (
-  <TokenPairSelectorListStyled>-Token Pair List Element -</TokenPairSelectorListStyled>
-)
+export const TokenPairSelectorList: React.FC = () => <Wrapper>-Token Pair List Element -</Wrapper>
 
 export default TokenPairSelectorList