diff --git a/apps/trading/components/select-market/select-market-columns.tsx b/apps/trading/components/select-market/select-market-columns.tsx index dbe59d483..9e5c2eb2b 100644 --- a/apps/trading/components/select-market/select-market-columns.tsx +++ b/apps/trading/components/select-market/select-market-columns.tsx @@ -86,6 +86,7 @@ export enum ColumnKind { LastPrice, Change24, Asset, + ProductType, Sparkline, High24, Low24, @@ -111,6 +112,12 @@ const headers: Column[] = [ className: cellClassNames, onlyOnDetailed: false, }, + { + kind: ColumnKind.ProductType, + value: t('Type'), + className: `py-2 text-left hidden sm:table-cell`, + onlyOnDetailed: false, + }, { kind: ColumnKind.LastPrice, value: t('Last price'), @@ -231,6 +238,12 @@ export const columns = ( className: cellClassNames, onlyOnDetailed: false, }, + { + kind: ColumnKind.ProductType, + value: market.tradableInstrument.instrument.product.__typename, + className: `py-2 text-left hidden sm:table-cell`, + onlyOnDetailed: false, + }, { kind: ColumnKind.LastPrice, value: market.data?.markPrice ? ( @@ -406,6 +419,12 @@ export const columnsPositionMarkets = ( className: cellClassNames, onlyOnDetailed: false, }, + { + kind: ColumnKind.ProductType, + value: market.tradableInstrument.instrument.product.__typename, + className: `py-2 first:text-left hidden sm:table-cell`, + onlyOnDetailed: false, + }, { kind: ColumnKind.LastPrice, value: market.data?.markPrice ? ( diff --git a/apps/trading/components/select-market/select-market-table.tsx b/apps/trading/components/select-market/select-market-table.tsx index 455c39425..964e15602 100644 --- a/apps/trading/components/select-market/select-market-table.tsx +++ b/apps/trading/components/select-market/select-market-table.tsx @@ -1,7 +1,9 @@ import classNames from 'classnames'; -import type { Column } from './select-market-columns'; + import { columnHeaders } from './select-market-columns'; +import type { Column } from './select-market-columns'; + export const SelectMarketTableHeader = ({ detailed = false, headers = columnHeaders, diff --git a/libs/deal-ticket/src/components/deal-ticket/deal-ticket-button.tsx b/libs/deal-ticket/src/components/deal-ticket/deal-ticket-button.tsx index a602561fc..b10161450 100644 --- a/libs/deal-ticket/src/components/deal-ticket/deal-ticket-button.tsx +++ b/libs/deal-ticket/src/components/deal-ticket/deal-ticket-button.tsx @@ -1,10 +1,11 @@ -import { useVegaWallet, useVegaWalletDialogStore } from '@vegaprotocol/wallet'; -import { Button } from '@vegaprotocol/ui-toolkit'; import { t } from '@vegaprotocol/react-helpers'; -import type { DealTicketErrorMessage } from './deal-ticket-error'; -import { DealTicketError } from './deal-ticket-error'; -import { DEAL_TICKET_SECTION } from '../constants'; +import { Button } from '@vegaprotocol/ui-toolkit'; +import { useVegaWallet, useVegaWalletDialogStore } from '@vegaprotocol/wallet'; +import { DEAL_TICKET_SECTION } from '../constants'; +import { DealTicketError } from './deal-ticket-error'; + +import type { DealTicketErrorMessage } from './deal-ticket-error'; interface Props { transactionStatus: 'default' | 'pending'; isDisabled: boolean; diff --git a/libs/deal-ticket/src/components/deal-ticket/deal-ticket-market-amount.tsx b/libs/deal-ticket/src/components/deal-ticket/deal-ticket-market-amount.tsx index 92df3eca7..db41c3c39 100644 --- a/libs/deal-ticket/src/components/deal-ticket/deal-ticket-market-amount.tsx +++ b/libs/deal-ticket/src/components/deal-ticket/deal-ticket-market-amount.tsx @@ -1,10 +1,12 @@ -import { FormGroup, Input, Tooltip } from '@vegaprotocol/ui-toolkit'; import { formatNumber, t, toDecimal } from '@vegaprotocol/react-helpers'; -import type { DealTicketAmountProps } from './deal-ticket-amount'; -import { validateSize } from '../deal-ticket-validation/validate-size'; -import { isMarketInAuction } from '../deal-ticket-validation/use-order-validation'; -import { DealTicketError } from './deal-ticket-error'; +import { FormGroup, Input, Tooltip } from '@vegaprotocol/ui-toolkit'; + import { DEAL_TICKET_SECTION } from '../constants'; +import { isMarketInAuction } from '../deal-ticket-validation/use-order-validation'; +import { validateSize } from '../deal-ticket-validation/validate-size'; +import { DealTicketError } from './deal-ticket-error'; + +import type { DealTicketAmountProps } from './deal-ticket-amount'; export type DealTicketMarketAmountProps = Omit< DealTicketAmountProps, @@ -55,7 +57,7 @@ export const DealTicketMarketAmount = ({ 'This market is in auction. The uncrossing price is an indication of what the price is expected to be when the auction ends.' )} > -