refactor TokenContainer styles into 1 filder

airswap · Nov 29, 2024 · 482a91d · 482a91d
1 parent aa1a3a9
commit 482a91d
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 34 deletions.
diff --git a/packages/site/src/pages/SwapWidget/SwapWidget.tsx b/packages/site/src/pages/SwapWidget/SwapWidget.tsx
@@ -6,8 +6,8 @@ import {
 } from '../../components';
 import type { DurationUnits, TakerTypeValues } from '../../stores/SwapStore';
 import { useSwapStore } from '../../stores/SwapStore';
-import { FromToken } from '../FromToken/FromToken';
-import { ToToken } from '../ToToken/ToToken';
+import { FromToken } from '../TokenSelectContainers/FromToken';
+import { ToToken } from '../TokenSelectContainers/ToToken';
 import {
   ButtonWrapper,
   Container,

diff --git a/packages/site/src/pages/ToToken/ToTokenStyles.ts b/packages/site/src/pages/ToToken/ToTokenStyles.ts
diff --git a/...es/site/src/pages/FromToken/FromToken.tsx → ...pages/TokenSelectContainers/FromToken.tsx b/...es/site/src/pages/FromToken/FromToken.tsx → ...pages/TokenSelectContainers/FromToken.tsx
@@ -2,14 +2,14 @@ import { RadixSelect, NumberInput } from '../../components';
 import { useSwapStore } from '../../stores/SwapStore';
 import {
   AmountWrapper,
-  FromTokenContainer,
+  TokenContainer,
   TokenSelector,
 } from './FromTokenStyles';
 
 export const FromToken = () => {
   const { setFromToken, setFromAmount } = useSwapStore();
   return (
-    <FromTokenContainer>
+    <TokenContainer>
       <TokenSelector>
         From
         <RadixSelect
@@ -22,6 +22,6 @@ export const FromToken = () => {
       <AmountWrapper>
         <NumberInput placeholder="0.00" onTextChange={setFromAmount} />
       </AmountWrapper>
-    </FromTokenContainer>
+    </TokenContainer>
   );
 };
diff --git a/...te/src/pages/FromToken/FromTokenStyles.ts → .../TokenSelectContainers/FromTokenStyles.ts b/...te/src/pages/FromToken/FromTokenStyles.ts → .../TokenSelectContainers/FromTokenStyles.ts
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-export const FromTokenContainer = styled.div`
+export const TokenContainer = styled.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;

diff --git a/packages/site/src/pages/ToToken/ToToken.tsx → ...c/pages/TokenSelectContainers/ToToken.tsx b/packages/site/src/pages/ToToken/ToToken.tsx → ...c/pages/TokenSelectContainers/ToToken.tsx
@@ -2,14 +2,14 @@ import { RadixSelect, NumberInput } from '../../components';
 import { useSwapStore } from '../../stores/SwapStore';
 import {
   AmountWrapper,
-  ToTokenContainer,
+  TokenContainer,
   TokenSelector,
-} from './ToTokenStyles';
+} from './FromTokenStyles';
 
 export const ToToken = () => {
   const { setToToken, setToAmount } = useSwapStore();
   return (
-    <ToTokenContainer>
+    <TokenContainer>
       <TokenSelector>
         To
         <RadixSelect
@@ -22,6 +22,6 @@ export const ToToken = () => {
       <AmountWrapper>
         <NumberInput placeholder="0.00" onTextChange={setToAmount} />
       </AmountWrapper>
-    </ToTokenContainer>
+    </TokenContainer>
   );
 };