Set Price Range
@@ -335,7 +335,7 @@ export const CreateOverlappingStrategy: FC = (props) => {
setRangeError={setRangeError}
/>
Set Fee Tier
Budget
@@ -397,7 +397,7 @@ export const CreateOverlappingStrategy: FC = (props) => {
{anchor && (
diff --git a/src/components/strategies/common/TokenSelection.tsx b/src/components/strategies/common/TokenSelection.tsx
index 02a9b0e6b..f264ab422 100644
--- a/src/components/strategies/common/TokenSelection.tsx
+++ b/src/components/strategies/common/TokenSelection.tsx
@@ -8,28 +8,8 @@ import { useModal } from 'hooks/useModal';
import { ModalTokenListData } from 'libs/modals/modals/ModalTokenList';
import { useTradeCtx } from 'components/trade/TradeContext';
import { ReactComponent as WarningIcon } from 'assets/icons/warning.svg';
-import { Tooltip } from 'components/common/tooltip/Tooltip';
import { SuspiciousToken } from 'components/common/DisplayPair';
-export const TokenSelectionTooltip = () => {
- return (
-
- Selecting the tokens you would like to create a strategy for.
-
- Buy or Sell token (also called Base token) is the token
- you would like to buy or sell in the strategy.
-
- With token (also called Quote token) is the token you
- would denominate the rates in.
-
- }
- />
- );
-};
-
export const TokenSelection = () => {
const { base, quote } = useTradeCtx();
const navigate = useNavigate({ from: '/trade' });
@@ -93,11 +73,7 @@ export const TokenSelection = () => {
};
return (
-
-
- Token Pair
-
-
+
= (props) => {
return (
);
};
diff --git a/src/components/strategies/create/CreateOrder.tsx b/src/components/strategies/create/CreateOrder.tsx
index 95ab07b9a..639f427cf 100644
--- a/src/components/strategies/create/CreateOrder.tsx
+++ b/src/components/strategies/create/CreateOrder.tsx
@@ -14,6 +14,7 @@ import { cn } from 'utils/helpers';
import { LogoImager } from 'components/common/imager/Imager';
import { getDefaultOrder } from './utils';
import { useMarketPrice } from 'hooks/useMarketPrice';
+import style from 'components/strategies/common/order.module.css';
interface Props {
base: Token;
@@ -101,17 +102,13 @@ export const CreateOrder: FC = ({
};
const headerProps = { titleId, order, base, buy, setSettings };
- const border = buy
- ? 'border-buy/50 focus-within:border-buy'
- : 'border-sell/50 focus-within:border-sell';
+
return (
{settings}
diff --git a/src/components/strategies/create/CreateOverlappingBudget.tsx b/src/components/strategies/create/CreateOverlappingBudget.tsx
index 5e662cd17..cde7aec78 100644
--- a/src/components/strategies/create/CreateOverlappingBudget.tsx
+++ b/src/components/strategies/create/CreateOverlappingBudget.tsx
@@ -70,7 +70,7 @@ export const CreateOverlappingBudget: FC = (props) => {
return (
-
+
= (props) => {
diff --git a/src/components/strategies/create/CreateOverlappingPrice.tsx b/src/components/strategies/create/CreateOverlappingPrice.tsx
index f5cef41c0..19c43b78c 100644
--- a/src/components/strategies/create/CreateOverlappingPrice.tsx
+++ b/src/components/strategies/create/CreateOverlappingPrice.tsx
@@ -86,10 +86,7 @@ export const CreateOverlappingPrice: FC = (props) => {
return (
-
+
Set Price Range
@@ -116,7 +113,7 @@ export const CreateOverlappingPrice: FC = (props) => {
required
/>
-
+
Set Fee Tier
= (props) => {
setSpread={setSpread}
/>
-
+
Budget
diff --git a/src/components/strategies/edit/EditOverlappingBudget.tsx b/src/components/strategies/edit/EditOverlappingBudget.tsx
index cf51361a6..17b6df73c 100644
--- a/src/components/strategies/edit/EditOverlappingBudget.tsx
+++ b/src/components/strategies/edit/EditOverlappingBudget.tsx
@@ -187,7 +187,7 @@ export const EditOverlappingBudget: FC = (props) => {
/>
)}
-
+
Budget
= (props) => {
/>
{anchor && editType && (
-
+
= (props) => {
{anchor && (
diff --git a/src/components/strategies/edit/EditOverlappingPrice.tsx b/src/components/strategies/edit/EditOverlappingPrice.tsx
index 701ce711a..53cc62130 100644
--- a/src/components/strategies/edit/EditOverlappingPrice.tsx
+++ b/src/components/strategies/edit/EditOverlappingPrice.tsx
@@ -205,7 +205,7 @@ export const EditOverlappingPrice: FC = (props) => {
{displayPrice && (
<>
-
+
Edit Price Range
@@ -232,7 +232,7 @@ export const EditOverlappingPrice: FC = (props) => {
required
/>
-
+
Edit Fee Tier
= (props) => {
>
)}
{!displayPrice && (
-
+
= (props) => {
/>
)}
-
+
Budget
= (props) => {
/>
{anchor && (
-
+
= (props) => {
{anchor && (
diff --git a/src/components/strategies/edit/EditPriceFields.tsx b/src/components/strategies/edit/EditPriceFields.tsx
index a6b200849..4362d0add 100644
--- a/src/components/strategies/edit/EditPriceFields.tsx
+++ b/src/components/strategies/edit/EditPriceFields.tsx
@@ -15,6 +15,8 @@ import { OverlappingAction } from '../overlapping/OverlappingAction';
import { EditBudgetDistribution } from './EditStrategyAllocatedBudget';
import { isZero } from '../common/utils';
import { SafeDecimal } from 'libs/safedecimal';
+import style from 'components/strategies/common/order.module.css';
+import { cn } from 'utils/helpers';
interface Props {
order: EditOrderBlock;
@@ -108,12 +110,12 @@ export const EditStrategyPriceField: FC = ({
return (
{settings}
diff --git a/src/components/strategies/edit/EditPriceNav.tsx b/src/components/strategies/edit/EditPriceNav.tsx
index a11b26b9e..4086280a9 100644
--- a/src/components/strategies/edit/EditPriceNav.tsx
+++ b/src/components/strategies/edit/EditPriceNav.tsx
@@ -42,8 +42,8 @@ export const EditPriceNav = ({ editType }: { editType: EditTypes }) => {
if (editType !== 'editPrices' && editType !== 'renew') return;
return (
-
-
+
+
Trading Strategy
diff --git a/src/components/strategies/common/TokenSelection.tsx b/src/components/strategies/common/TokenSelection.tsx
index 02a9b0e6b..f264ab422 100644
--- a/src/components/strategies/common/TokenSelection.tsx
+++ b/src/components/strategies/common/TokenSelection.tsx
@@ -8,28 +8,8 @@ import { useModal } from 'hooks/useModal';
import { ModalTokenListData } from 'libs/modals/modals/ModalTokenList';
import { useTradeCtx } from 'components/trade/TradeContext';
import { ReactComponent as WarningIcon } from 'assets/icons/warning.svg';
-import { Tooltip } from 'components/common/tooltip/Tooltip';
import { SuspiciousToken } from 'components/common/DisplayPair';
-export const TokenSelectionTooltip = () => {
- return (
-
- Selecting the tokens you would like to create a strategy for.
-
- Buy or Sell token (also called Base token) is the token
- you would like to buy or sell in the strategy.
-
- With token (also called Quote token) is the token you
- would denominate the rates in.
-
- }
- />
- );
-};
-
export const TokenSelection = () => {
const { base, quote } = useTradeCtx();
const navigate = useNavigate({ from: '/trade' });
@@ -93,11 +73,7 @@ export const TokenSelection = () => {
};
return (
-
-
- Token Pair
-
-
+
= (props) => {
return (
);
};
diff --git a/src/components/strategies/create/CreateOrder.tsx b/src/components/strategies/create/CreateOrder.tsx
index 95ab07b9a..639f427cf 100644
--- a/src/components/strategies/create/CreateOrder.tsx
+++ b/src/components/strategies/create/CreateOrder.tsx
@@ -14,6 +14,7 @@ import { cn } from 'utils/helpers';
import { LogoImager } from 'components/common/imager/Imager';
import { getDefaultOrder } from './utils';
import { useMarketPrice } from 'hooks/useMarketPrice';
+import style from 'components/strategies/common/order.module.css';
interface Props {
base: Token;
@@ -101,17 +102,13 @@ export const CreateOrder: FC = ({
};
const headerProps = { titleId, order, base, buy, setSettings };
- const border = buy
- ? 'border-buy/50 focus-within:border-buy'
- : 'border-sell/50 focus-within:border-sell';
+
return (
{settings}
diff --git a/src/components/strategies/create/CreateOverlappingBudget.tsx b/src/components/strategies/create/CreateOverlappingBudget.tsx
index 5e662cd17..cde7aec78 100644
--- a/src/components/strategies/create/CreateOverlappingBudget.tsx
+++ b/src/components/strategies/create/CreateOverlappingBudget.tsx
@@ -70,7 +70,7 @@ export const CreateOverlappingBudget: FC = (props) => {
return (
-
+
= (props) => {
diff --git a/src/components/strategies/create/CreateOverlappingPrice.tsx b/src/components/strategies/create/CreateOverlappingPrice.tsx
index f5cef41c0..19c43b78c 100644
--- a/src/components/strategies/create/CreateOverlappingPrice.tsx
+++ b/src/components/strategies/create/CreateOverlappingPrice.tsx
@@ -86,10 +86,7 @@ export const CreateOverlappingPrice: FC = (props) => {
return (
-
+
Set Price Range
@@ -116,7 +113,7 @@ export const CreateOverlappingPrice: FC = (props) => {
required
/>
-
+
Set Fee Tier
= (props) => {
setSpread={setSpread}
/>
-
+
Budget
diff --git a/src/components/strategies/edit/EditOverlappingBudget.tsx b/src/components/strategies/edit/EditOverlappingBudget.tsx
index cf51361a6..17b6df73c 100644
--- a/src/components/strategies/edit/EditOverlappingBudget.tsx
+++ b/src/components/strategies/edit/EditOverlappingBudget.tsx
@@ -187,7 +187,7 @@ export const EditOverlappingBudget: FC = (props) => {
/>
)}
-
+
Budget
= (props) => {
/>
{anchor && editType && (
-
+
= (props) => {
{anchor && (
diff --git a/src/components/strategies/edit/EditOverlappingPrice.tsx b/src/components/strategies/edit/EditOverlappingPrice.tsx
index 701ce711a..53cc62130 100644
--- a/src/components/strategies/edit/EditOverlappingPrice.tsx
+++ b/src/components/strategies/edit/EditOverlappingPrice.tsx
@@ -205,7 +205,7 @@ export const EditOverlappingPrice: FC = (props) => {
{displayPrice && (
<>
-
+
Edit Price Range
@@ -232,7 +232,7 @@ export const EditOverlappingPrice: FC = (props) => {
required
/>
-
+
Edit Fee Tier
= (props) => {
>
)}
{!displayPrice && (
-
+
= (props) => {
/>
)}
-
+
Budget
= (props) => {
/>
{anchor && (
-
+
= (props) => {
{anchor && (
diff --git a/src/components/strategies/edit/EditPriceFields.tsx b/src/components/strategies/edit/EditPriceFields.tsx
index a6b200849..4362d0add 100644
--- a/src/components/strategies/edit/EditPriceFields.tsx
+++ b/src/components/strategies/edit/EditPriceFields.tsx
@@ -15,6 +15,8 @@ import { OverlappingAction } from '../overlapping/OverlappingAction';
import { EditBudgetDistribution } from './EditStrategyAllocatedBudget';
import { isZero } from '../common/utils';
import { SafeDecimal } from 'libs/safedecimal';
+import style from 'components/strategies/common/order.module.css';
+import { cn } from 'utils/helpers';
interface Props {
order: EditOrderBlock;
@@ -108,12 +110,12 @@ export const EditStrategyPriceField: FC = ({
return (
{settings}
diff --git a/src/components/strategies/edit/EditPriceNav.tsx b/src/components/strategies/edit/EditPriceNav.tsx
index a11b26b9e..4086280a9 100644
--- a/src/components/strategies/edit/EditPriceNav.tsx
+++ b/src/components/strategies/edit/EditPriceNav.tsx
@@ -42,8 +42,8 @@ export const EditPriceNav = ({ editType }: { editType: EditTypes }) => {
if (editType !== 'editPrices' && editType !== 'renew') return;
return (
-
-
+
+
Trading Strategy
- Buy or Sell token (also called Base token) is the token - you would like to buy or sell in the strategy. -
- With token (also called Quote token) is the token you - would denominate the rates in. - - } - /> - ); -}; - export const TokenSelection = () => { const { base, quote } = useTradeCtx(); const navigate = useNavigate({ from: '/trade' }); @@ -93,11 +73,7 @@ export const TokenSelection = () => { }; return ( -