{t('Bid Vol')}
diff --git a/libs/network-info/src/network-info.tsx b/libs/network-info/src/network-info.tsx
index 35967de16..3db53eb69 100644
--- a/libs/network-info/src/network-info.tsx
+++ b/libs/network-info/src/network-info.tsx
@@ -31,7 +31,7 @@ export const NetworkInfo = () => {
.
setNodeSwitcherOpen()}>{t('Edit')}
-
+
{t('Reading Ethereum data from')}{' '}
{ETHEREUM_PROVIDER_URL}
diff --git a/libs/orders/src/lib/order-hooks/use-order-edit.tsx b/libs/orders/src/lib/order-hooks/use-order-edit.tsx
index e3853d335..36d466e17 100644
--- a/libs/orders/src/lib/order-hooks/use-order-edit.tsx
+++ b/libs/orders/src/lib/order-hooks/use-order-edit.tsx
@@ -51,14 +51,11 @@ export const useOrderEdit = (order: OrderFields | null) => {
orderAmendment: {
orderId: order.id,
marketId: order.market.id,
- // @ts-ignore fix me please!
price: {
value: removeDecimal(args.price, order.market.decimalPlaces),
},
timeInForce: VegaWalletOrderTimeInForce[order.timeInForce],
- // @ts-ignore fix me please!
sizeDelta: 0,
- // @ts-ignore fix me please!
expiresAt: order.expiresAt
? {
value: toNanoSeconds(new Date(order.expiresAt)), // Wallet expects timestamp in nanoseconds
diff --git a/libs/react-helpers/src/index.ts b/libs/react-helpers/src/index.ts
index 75f83254e..9611b2cd4 100644
--- a/libs/react-helpers/src/index.ts
+++ b/libs/react-helpers/src/index.ts
@@ -1,4 +1,5 @@
export * from './hooks';
+export * from './lib/assets';
export * from './lib/context';
export * from './lib/determine-id';
export * from './lib/format';
diff --git a/libs/react-helpers/src/lib/assets.ts b/libs/react-helpers/src/lib/assets.ts
new file mode 100644
index 000000000..df799b3ae
--- /dev/null
+++ b/libs/react-helpers/src/lib/assets.ts
@@ -0,0 +1,30 @@
+export interface ERC20AssetSource {
+ __typename: 'ERC20';
+ contractAddress: string;
+}
+
+export interface BuiltinAssetSource {
+ __typename: 'BuiltinAsset';
+}
+
+export interface Asset {
+ __typename: 'Asset';
+ id: string;
+ symbol: string;
+ name: string;
+ decimals: number;
+ source: ERC20AssetSource | BuiltinAssetSource;
+}
+
+export type ERC20Asset = Omit & {
+ source: ERC20AssetSource;
+};
+
+export type BuiltinAsset = Omit & {
+ source: BuiltinAssetSource;
+};
+
+export const isAssetTypeERC20 = (asset?: Asset): asset is ERC20Asset => {
+ if (!asset?.source) return false;
+ return asset.source.__typename === 'ERC20';
+};
diff --git a/libs/tailwindcss-config/src/theme.js b/libs/tailwindcss-config/src/theme.js
index 6001a1b68..95c321fff 100644
--- a/libs/tailwindcss-config/src/theme.js
+++ b/libs/tailwindcss-config/src/theme.js
@@ -204,10 +204,10 @@ module.exports = {
'inset-danger': `${boxShadowPosition.insetUnderline} ${colours.danger}`,
input: `${boxShadowPosition.insetShading} ${colours.white['80']}`,
'input-dark': `${boxShadowPosition.insetShading} ${colours.black['80']}`,
- 'input-focus': `${boxShadowPosition.insetShading} ${colours.white['80']}, ${boxShadowPosition.insetUnderline} ${colours.vega.pink}`,
- 'input-focus-dark': `${boxShadowPosition.insetShading} ${colours.black['80']}, ${boxShadowPosition.insetUnderline} ${colours.vega.yellow}`,
- 'input-focus-error': `${boxShadowPosition.insetShading} ${colours.white['80']}, ${boxShadowPosition.insetUnderline} ${colours.danger}`,
- 'input-focus-error-dark': `${boxShadowPosition.insetShading} ${colours.black['80']}, ${boxShadowPosition.insetUnderline} ${colours.danger}`,
+ 'input-focus': `${boxShadowPosition.insetUnderline} ${colours.vega.pink}, ${boxShadowPosition.insetShading} ${colours.white['80']}`,
+ 'input-focus-dark': `${boxShadowPosition.insetUnderline} ${colours.vega.yellow}, ${boxShadowPosition.insetShading} ${colours.black['80']}`,
+ 'input-focus-error': `${boxShadowPosition.insetUnderline} ${colours.danger}, ${boxShadowPosition.insetShading} ${colours.white['80']}`,
+ 'input-focus-error-dark': `${boxShadowPosition.insetUnderline} ${colours.danger}, ${boxShadowPosition.insetShading} ${colours.black['80']}`,
'checkbox-focus': `${boxShadowPosition.insetShading} ${colours.white['80']}, ${boxShadowPosition.outer} ${colours.vega.pink}`,
'checkbox-focus-dark': `${boxShadowPosition.insetShading} ${colours.black['80']}, ${boxShadowPosition.outer} ${colours.vega.yellow}`,
},
diff --git a/libs/tailwindcss-config/src/vega-custom-classes-lite.js b/libs/tailwindcss-config/src/vega-custom-classes-lite.js
index 470774b1b..0e8a38a82 100644
--- a/libs/tailwindcss-config/src/vega-custom-classes-lite.js
+++ b/libs/tailwindcss-config/src/vega-custom-classes-lite.js
@@ -45,8 +45,6 @@ const vegaCustomClassesLite = plugin(function ({ addUtilities }) {
backgroundColor: 'rgba(0, 143, 74, 0.1)',
border: `1px solid ${theme.colors.darkerGreen}`,
color: theme.colors.darkerGreen,
- paddingTop: '0.5rem',
- paddingBottom: '0.5rem',
'&:hover': {
backgroundColor: theme.colors.darkerGreen,
color: theme.colors.white.DEFAULT,
@@ -68,8 +66,6 @@ const vegaCustomClassesLite = plugin(function ({ addUtilities }) {
'.sellButton': {
textTransform: 'uppercase',
textDecoration: 'none',
- paddingTop: '0.5rem',
- paddingBottom: '0.5rem',
backgroundColor: 'rgba(255, 8, 126, 0.1)',
border: `1px solid ${theme.colors.pink}`,
color: theme.colors.pink,
diff --git a/libs/trades/src/lib/trades-table.tsx b/libs/trades/src/lib/trades-table.tsx
index af9dbda1f..94e165572 100644
--- a/libs/trades/src/lib/trades-table.tsx
+++ b/libs/trades/src/lib/trades-table.tsx
@@ -24,7 +24,7 @@ const changeCellClass =
if (typeof rowIndex === 'number') {
const prevRowNode = api.getModel().getRow(rowIndex + 1);
- const prevValue = prevRowNode?.data[dataKey];
+ const prevValue = prevRowNode?.data && prevRowNode.data[dataKey];
const valueNum = new BigNumber(value);
if (valueNum.isGreaterThan(prevValue)) {
diff --git a/libs/types/src/__generated__/globalTypes.ts b/libs/types/src/__generated__/globalTypes.ts
index aaf291df8..edf55e031 100644
--- a/libs/types/src/__generated__/globalTypes.ts
+++ b/libs/types/src/__generated__/globalTypes.ts
@@ -67,6 +67,17 @@ export enum BusEventType {
Withdrawal = "Withdrawal",
}
+/**
+ * Comparator describes the type of comparison.
+ */
+export enum ConditionOperator {
+ OperatorEquals = "OperatorEquals",
+ OperatorGreaterThan = "OperatorGreaterThan",
+ OperatorGreaterThanOrEqual = "OperatorGreaterThanOrEqual",
+ OperatorLessThan = "OperatorLessThan",
+ OperatorLessThanOrEqual = "OperatorLessThanOrEqual",
+}
+
/**
* The status of a deposit
*/
@@ -119,6 +130,14 @@ export enum NodeStatus {
Validator = "Validator",
}
+/**
+ * Status describe the status of the oracle spec
+ */
+export enum OracleSpecStatus {
+ StatusActive = "StatusActive",
+ StatusUnused = "StatusUnused",
+}
+
/**
* Reason for the order being rejected by the core node
*/
@@ -202,6 +221,19 @@ export enum OrderType {
Network = "Network",
}
+/**
+ * Type describes the type of properties that are supported by the oracle
+ * engine.
+ */
+export enum PropertyKeyType {
+ TypeBoolean = "TypeBoolean",
+ TypeDecimal = "TypeDecimal",
+ TypeEmpty = "TypeEmpty",
+ TypeInteger = "TypeInteger",
+ TypeString = "TypeString",
+ TypeTimestamp = "TypeTimestamp",
+}
+
/**
* Reason for the proposal being rejected by the core node
*/
diff --git a/libs/ui-toolkit/src/components/key-value-table/key-value-table.spec.tsx b/libs/ui-toolkit/src/components/key-value-table/key-value-table.spec.tsx
index 78ae0ac6d..8e891f4b5 100644
--- a/libs/ui-toolkit/src/components/key-value-table/key-value-table.spec.tsx
+++ b/libs/ui-toolkit/src/components/key-value-table/key-value-table.spec.tsx
@@ -90,3 +90,19 @@ it('Applies muted class if prop is passed', () => {
'w-full border-collapse mb-8 [border-spacing:0] break-all'
);
});
+
+it('Applies id to row if passed', () => {
+ render(
+
+
+ My value
+ My value
+
+
+ );
+
+ expect(screen.getByTestId('key-value-table-row')).toHaveAttribute(
+ 'id',
+ 'thisistheid'
+ );
+});
diff --git a/libs/ui-toolkit/src/components/key-value-table/key-value-table.tsx b/libs/ui-toolkit/src/components/key-value-table/key-value-table.tsx
index ae71f9ad7..4b5b8d4f1 100644
--- a/libs/ui-toolkit/src/components/key-value-table/key-value-table.tsx
+++ b/libs/ui-toolkit/src/components/key-value-table/key-value-table.tsx
@@ -77,6 +77,7 @@ export const KeyValueTableRow = ({
noBorder = false,
dtClassName,
ddClassName,
+ id,
}: KeyValueTableRowProps) => {
const dlClassName = classNames(
'flex gap-1 flex-wrap justify-between ',
@@ -92,14 +93,24 @@ export const KeyValueTableRow = ({
const dtClassNames = `break-words font-medium uppercase align-top p-4 capitalize ${dtClassName}`;
const ddClassNames = classNames(
'align-top p-4 text-black/60 dark:text-white/60 break-words',
+ 'group-target:text-white dark:group-target:text-black',
{
'font-mono': numerical,
},
ddClassName
);
+ const attributes = {} as Partial>;
+ if (id) {
+ attributes.id = id;
+ }
+
return (
-
+
- {children[0]}
- {children[1]}
diff --git a/libs/ui-toolkit/src/components/splash/splash.tsx b/libs/ui-toolkit/src/components/splash/splash.tsx
index e1c4b3fb3..f86751d43 100644
--- a/libs/ui-toolkit/src/components/splash/splash.tsx
+++ b/libs/ui-toolkit/src/components/splash/splash.tsx
@@ -8,8 +8,7 @@ export interface SplashProps {
export const Splash = ({ children }: SplashProps) => {
const splashClasses = classNames(
'w-full h-full',
- 'flex items-center justify-center',
- 'text-white'
+ 'flex items-center justify-center'
);
return {children}
;
};
diff --git a/libs/ui-toolkit/src/components/theme-switcher/theme-switcher.tsx b/libs/ui-toolkit/src/components/theme-switcher/theme-switcher.tsx
index 3edbd9fbf..e64076eaa 100644
--- a/libs/ui-toolkit/src/components/theme-switcher/theme-switcher.tsx
+++ b/libs/ui-toolkit/src/components/theme-switcher/theme-switcher.tsx
@@ -13,7 +13,7 @@ export const ThemeSwitcher = ({
sunClassName?: string;
moonClassName?: string;
}) => {
- const sunClasses = classNames('dark:hidden text-white', sunClassName);
+ const sunClasses = classNames('dark:hidden text-black', sunClassName);
const moonClasses = classNames(
'hidden dark:inline text-white',
moonClassName
diff --git a/libs/wallet/src/connect-dialog/connect-dialog.spec.tsx b/libs/wallet/src/connect-dialog/connect-dialog.spec.tsx
index 10bcc271d..6db0d0c25 100644
--- a/libs/wallet/src/connect-dialog/connect-dialog.spec.tsx
+++ b/libs/wallet/src/connect-dialog/connect-dialog.spec.tsx
@@ -10,6 +10,7 @@ import { VegaWalletContext } from '../context';
import { VegaConnectDialog } from './connect-dialog';
import type { VegaConnectDialogProps } from '..';
import { RestConnector } from '../connectors';
+import { EnvironmentProvider } from '@vegaprotocol/environment';
let defaultProps: VegaConnectDialogProps;
let defaultContextValue: VegaWalletContextShape;
@@ -35,16 +36,28 @@ beforeEach(() => {
const DEFAULT_URL = 'http://localhost:1789/api/v1';
+const mockEnvironment = {
+ VEGA_ENV: 'TESTNET',
+ VEGA_URL: 'https://vega-node.url',
+ VEGA_NETWORKS: JSON.stringify({}),
+ GIT_BRANCH: 'test',
+ GIT_COMMIT_HASH: 'abcdef',
+ GIT_ORIGIN_URL: 'https://github.com/test/repo',
+ VEGA_WALLET_URL: DEFAULT_URL,
+};
+
function generateJSX(
props?: Partial,
contextValue?: Partial
) {
return (
-
-
-
+
+
+
+
+
);
}
@@ -133,11 +146,12 @@ it('Successful connection using custom url', async () => {
});
it('Unsuccessful connection using rest auth form', async () => {
+ const errMessage = 'Error message';
// Error from service
let spy = jest
.spyOn(defaultProps.connectors['rest'] as RestConnector, 'authenticate')
.mockImplementation(() =>
- Promise.resolve({ success: false, error: 'Error message' })
+ Promise.resolve({ success: false, error: errMessage })
);
render(generateJSX({ dialogOpen: true }));
@@ -154,9 +168,7 @@ it('Unsuccessful connection using rest auth form', async () => {
expect(spy).toHaveBeenCalledWith(DEFAULT_URL, fields);
- expect(screen.getByTestId('form-error')).toHaveTextContent(
- 'Something went wrong'
- );
+ expect(screen.getByTestId('form-error')).toHaveTextContent(errMessage);
expect(defaultProps.setDialogOpen).not.toHaveBeenCalled();
// Fetch failed due to wallet not running
diff --git a/libs/wallet/src/connectors/rest-connector.ts b/libs/wallet/src/connectors/rest-connector.ts
index 9da0c21ed..065ba7180 100644
--- a/libs/wallet/src/connectors/rest-connector.ts
+++ b/libs/wallet/src/connectors/rest-connector.ts
@@ -1,43 +1,85 @@
-import type { Configuration } from '@vegaprotocol/vegawallet-service-api-client';
-import {
- createConfiguration,
- ServerConfiguration,
- DefaultApi,
-} from '@vegaprotocol/vegawallet-service-api-client';
-import { LocalStorage } from '@vegaprotocol/react-helpers';
+import * as Sentry from '@sentry/react';
+import { LocalStorage, t } from '@vegaprotocol/react-helpers';
import { WALLET_CONFIG } from '../storage-keys';
import type { VegaConnector } from './vega-connector';
-import type { TransactionSubmission } from '../wallet-types';
+import type { TransactionError, TransactionSubmission } from '../wallet-types';
+import { z } from 'zod';
// Perhaps there should be a default ConnectorConfig that others can extend off. Do all connectors
// need to use local storage, I don't think so...
interface RestConnectorConfig {
token: string | null;
connector: 'rest';
+ url: string | null;
}
+enum Endpoints {
+ Auth = 'auth/token',
+ Command = 'command/sync',
+ Keys = 'keys',
+}
+
+export const AuthTokenSchema = z.object({
+ token: z.string(),
+});
+
+export const TransactionResponseSchema = z.object({
+ txId: z.string(),
+ txHash: z.string(),
+ tx: z.object({
+ From: z.object({
+ PubKey: z.string(),
+ }),
+ input_data: z.string(),
+ pow: z.object({
+ tid: z.string(),
+ nonce: z.number(),
+ }),
+ signature: z.object({
+ algo: z.string(),
+ value: z.string(),
+ version: z.number(),
+ }),
+ }),
+ sentAt: z.string(),
+ receivedAt: z.string(),
+});
+
+export const GetKeysSchema = z.object({
+ keys: z.array(
+ z.object({
+ algorithm: z.object({
+ name: z.string(),
+ version: z.number(),
+ }),
+ index: z.number(),
+ meta: z.array(
+ z.object({
+ key: z.string(),
+ value: z.string(),
+ })
+ ),
+ pub: z.string(),
+ tainted: z.boolean(),
+ })
+ ),
+});
+
/**
* Connector for using the Vega Wallet Service rest api, requires authentication to get a session token
*/
export class RestConnector implements VegaConnector {
configKey = WALLET_CONFIG;
- apiConfig: Configuration;
- service: DefaultApi;
description = 'Connects using REST to a running Vega wallet service';
+ url: string | null = null;
+ token: string | null = null;
constructor() {
const cfg = this.getConfig();
-
- // If theres a stored auth token create api config with bearer authMethod
- this.apiConfig = cfg?.token
- ? createConfiguration({
- authMethods: {
- bearer: `Bearer ${cfg.token}`,
- },
- })
- : createConfiguration();
-
- this.service = new DefaultApi(this.apiConfig);
+ if (cfg) {
+ this.token = cfg.token;
+ this.url = cfg.url;
+ }
}
async authenticate(
@@ -48,39 +90,54 @@ export class RestConnector implements VegaConnector {
}
) {
try {
- const service = new DefaultApi(
- createConfiguration({
- baseServer: new ServerConfiguration>(url, {}),
- })
- );
+ this.url = url;
- const res = await service.authTokenPost(params);
+ const res = await this.request(Endpoints.Auth, {
+ method: 'post',
+ body: JSON.stringify(params),
+ });
- // Renew service instance with default bearer authMethod now that we have the token
- this.service = new DefaultApi(
- createConfiguration({
- baseServer: new ServerConfiguration>(url, {}),
- authMethods: {
- bearer: `Bearer ${res.token}`,
- },
- })
- );
+ if (res.status === 403) {
+ return { success: false, error: t('Invalid credentials') };
+ }
+
+ if (res.error) {
+ return { success: false, error: res.error };
+ }
+
+ const data = AuthTokenSchema.parse(res.data);
// Store the token, and other things for later
- this.setConfig({ connector: 'rest', token: res.token });
+ this.setConfig({
+ connector: 'rest',
+ token: data.token,
+ url: this.url,
+ });
+ this.token = data.token;
return { success: true, error: null };
} catch (err) {
- return { success: false, error: err };
+ return { success: false, error: 'Authentication failed' };
}
}
async connect() {
try {
- const res = await this.service.keysGet();
- return res.keys;
+ const res = await this.request(Endpoints.Keys, {
+ method: 'get',
+ headers: {
+ authorization: `Bearer ${this.token}`,
+ },
+ });
+
+ if (res.error) {
+ return null;
+ }
+
+ const data = GetKeysSchema.parse(res.data);
+
+ return data.keys;
} catch (err) {
- console.error(err);
// keysGet failed, its likely that the session has expired so remove the token from storage
this.clearConfig();
return null;
@@ -89,9 +146,14 @@ export class RestConnector implements VegaConnector {
async disconnect() {
try {
- await this.service.authTokenDelete();
+ await this.request(Endpoints.Auth, {
+ method: 'delete',
+ headers: {
+ authorization: `Bearer ${this.token}`,
+ },
+ });
} catch (err) {
- console.error(err);
+ Sentry.captureException(err);
} finally {
// Always clear config, if authTokenDelete fails the user still tried to
// connect so clear the config (and containing token) from storage
@@ -101,28 +163,31 @@ export class RestConnector implements VegaConnector {
async sendTx(body: TransactionSubmission) {
try {
- const res = await this.service.commandSyncPost(body);
- return res;
+ const res = await this.request(Endpoints.Command, {
+ method: 'post',
+ body: JSON.stringify(body),
+ headers: {
+ authorization: `Bearer ${this.token}`,
+ },
+ });
+
+ // User rejected
+ if (res.status === 401) {
+ return null;
+ }
+
+ if (res.error) {
+ return {
+ error: res.error,
+ };
+ }
+
+ const data = TransactionResponseSchema.parse(res.data);
+
+ return data;
} catch (err) {
- return this.handleSendTxError(err);
- }
- }
-
- private handleSendTxError(err: unknown) {
- const unexpectedError = { error: 'Something went wrong' };
-
- if (isServiceError(err)) {
- if (err.code === 401) {
- return { error: 'User rejected' };
- }
-
- try {
- return JSON.parse(err.body ?? '');
- } catch {
- return unexpectedError;
- }
- } else {
- return unexpectedError;
+ Sentry.captureException(err);
+ return null;
}
}
@@ -146,18 +211,59 @@ export class RestConnector implements VegaConnector {
private clearConfig() {
LocalStorage.removeItem(this.configKey);
}
-}
-interface ServiceError {
- code: number;
- body: string | undefined;
- headers: object;
-}
+ /** Parse more complex error object into a single string */
+ private parseError(err: TransactionError): string {
+ if ('error' in err) {
+ return err.error;
+ }
-export const isServiceError = (err: unknown): err is ServiceError => {
- // Some responses don't contain body object
- if (typeof err === 'object' && err !== null && 'code' in err) {
- return true;
+ if ('errors' in err) {
+ return err.errors['*'].join(', ');
+ }
+
+ return t("Something wen't wrong");
}
- return false;
-};
+
+ private async request(
+ endpoint: Endpoints,
+ options: RequestInit
+ ): Promise<{ status?: number; data?: unknown; error?: string }> {
+ try {
+ const fetchResult = await fetch(`${this.url}/${endpoint}`, {
+ ...options,
+ headers: {
+ ...options.headers,
+ 'Content-Type': 'application/json',
+ },
+ });
+
+ if (!fetchResult.ok) {
+ const errorData = await fetchResult.json();
+ return {
+ status: fetchResult.status,
+ error: this.parseError(errorData),
+ };
+ }
+
+ // auth/token delete doesnt return json
+ if (endpoint === 'auth/token' && options.method === 'delete') {
+ const textResult = await fetchResult.text();
+ return {
+ status: fetchResult.status,
+ data: textResult,
+ };
+ } else {
+ const jsonResult = await fetchResult.json();
+ return {
+ status: fetchResult.status,
+ data: jsonResult,
+ };
+ }
+ } catch (err) {
+ return {
+ error: 'Failed to fetch',
+ };
+ }
+ }
+}
diff --git a/libs/wallet/src/connectors/vega-connector.ts b/libs/wallet/src/connectors/vega-connector.ts
index 213988294..a8fcd4ad4 100644
--- a/libs/wallet/src/connectors/vega-connector.ts
+++ b/libs/wallet/src/connectors/vega-connector.ts
@@ -1,16 +1,8 @@
+import type { VegaKey } from '../wallet-types';
import type {
- VegaKey,
+ TransactionSubmission,
TransactionResponse,
-} from '@vegaprotocol/vegawallet-service-api-client';
-import type { TransactionSubmission } from '../wallet-types';
-
-type ErrorResponse =
- | {
- error: string;
- }
- | {
- errors: object;
- };
+} from '../wallet-types';
export interface VegaConnector {
/** Description of how to use this connector */
@@ -25,5 +17,5 @@ export interface VegaConnector {
/** Send a TX to the network. Only support order submission for now */
sendTx: (
body: TransactionSubmission
- ) => Promise;
+ ) => Promise;
}
diff --git a/libs/wallet/src/context.ts b/libs/wallet/src/context.ts
index 3f0b6c238..00fa7568d 100644
--- a/libs/wallet/src/context.ts
+++ b/libs/wallet/src/context.ts
@@ -1,18 +1,10 @@
-import type {
- VegaKey,
- TransactionResponse,
-} from '@vegaprotocol/vegawallet-service-api-client';
+import type { VegaKey } from './wallet-types';
import { createContext } from 'react';
import type { VegaConnector } from './connectors';
-import type { TransactionSubmission } from './wallet-types';
-
-export type SendTxError =
- | {
- error: string;
- }
- | {
- errors: object;
- };
+import type {
+ TransactionSubmission,
+ TransactionResponse,
+} from './wallet-types';
export interface VegaKeyExtended extends VegaKey {
name: string;
@@ -40,7 +32,7 @@ export interface VegaWalletContextShape {
/** Send a transaction to the network, only order submissions for now */
sendTx: (
tx: TransactionSubmission
- ) => Promise | null;
+ ) => Promise | null;
}
export const VegaWalletContext = createContext<
diff --git a/libs/wallet/src/manage-dialog/manage-dialog.tsx b/libs/wallet/src/manage-dialog/manage-dialog.tsx
index 47309264e..0357b7a72 100644
--- a/libs/wallet/src/manage-dialog/manage-dialog.tsx
+++ b/libs/wallet/src/manage-dialog/manage-dialog.tsx
@@ -57,12 +57,23 @@ export const VegaManageDialog = ({
)}
-
+
{truncateByChars(kp.pub, 23, 23)}
-
{kp.pub}
+
+ {kp.pub}
+
-