diff --git a/libs/orders/src/lib/components/order-list/order-edit-dialog.tsx b/libs/orders/src/lib/components/order-list/order-edit-dialog.tsx index 4710035b7..4ccfd2aa9 100644 --- a/libs/orders/src/lib/components/order-list/order-edit-dialog.tsx +++ b/libs/orders/src/lib/components/order-list/order-edit-dialog.tsx @@ -12,9 +12,10 @@ import { TradingFormGroup, TradingInput, TradingInputError, - Button, Dialog, - Icon, + VegaIcon, + VegaIconNames, + TradingButton, } from '@vegaprotocol/ui-toolkit'; import { useForm } from 'react-hook-form'; import type { Order } from '../order-data-provider'; @@ -37,7 +38,7 @@ export const OrderEditDialog = ({ order, onSubmit, }: OrderEditDialogProps) => { - const headerClassName = 'text-lg font-bold text-black dark:text-white'; + const headerClassName = 'text-xs font-bold text-black dark:text-white'; const { register, formState: { errors }, @@ -57,13 +58,13 @@ export const OrderEditDialog = ({ open={isOpen} onChange={onChange} title={t('Edit order')} - icon={} + icon={} >
{order.market && (

{t(`Market`)}

-

{t(`${order.market.tradableInstrument.instrument.name}`)}

+

{order.market.tradableInstrument.instrument.code}

)} {order.type === Schema.OrderType.TYPE_LIMIT && order.market && ( @@ -149,9 +150,7 @@ export const OrderEditDialog = ({ )}
- + {t('Update')} ); diff --git a/libs/orders/src/lib/components/order-list/order-list.tsx b/libs/orders/src/lib/components/order-list/order-list.tsx index 8c7218d7d..a98821a53 100644 --- a/libs/orders/src/lib/components/order-list/order-list.tsx +++ b/libs/orders/src/lib/components/order-list/order-list.tsx @@ -271,8 +271,8 @@ export const OrderListTable = memo< { colId: 'amend', ...COL_DEFS.actions, - minWidth: showAllActions ? 90 : COL_DEFS.actions.minWidth, - maxWidth: showAllActions ? 90 : COL_DEFS.actions.minWidth, + minWidth: showAllActions ? 80 : COL_DEFS.actions.minWidth, + maxWidth: showAllActions ? 80 : COL_DEFS.actions.minWidth, cellRenderer: ({ data }: { data?: Order }) => { if (!data) return null; @@ -284,6 +284,7 @@ export const OrderListTable = memo< onEdit(data)} + title={t('Edit order')} > @@ -291,6 +292,7 @@ export const OrderListTable = memo< onCancel(data)} + title={t('Cancel order')} > diff --git a/libs/positions/src/lib/positions-table.tsx b/libs/positions/src/lib/positions-table.tsx index b3af73bd3..a7ef20e93 100644 --- a/libs/positions/src/lib/positions-table.tsx +++ b/libs/positions/src/lib/positions-table.tsx @@ -463,6 +463,7 @@ export const PositionsTable = ({ data && onClose(data)} + title={t('Close position')} > diff --git a/libs/ui-toolkit/src/components/trading-select/select.tsx b/libs/ui-toolkit/src/components/trading-select/select.tsx index 5be5c0df3..acae3b473 100644 --- a/libs/ui-toolkit/src/components/trading-select/select.tsx +++ b/libs/ui-toolkit/src/components/trading-select/select.tsx @@ -2,7 +2,7 @@ import type { Ref, SelectHTMLAttributes } from 'react'; import { useRef } from 'react'; import { forwardRef } from 'react'; import classNames from 'classnames'; -import { Icon, VegaIcon, VegaIconNames } from '..'; +import { VegaIcon, VegaIconNames } from '..'; import { defaultSelectElement } from '../../utils/shared'; import * as SelectPrimitive from '@radix-ui/react-select'; @@ -65,8 +65,8 @@ export const TradingRichSelect = forwardRef< ref={forwardedRef} > - - + + @@ -85,11 +85,11 @@ export const TradingRichSelect = forwardRef< align={'center'} > - + {children} - + @@ -122,7 +122,7 @@ export const TradingOption = forwardRef< > {children} - + ));