diff --git a/packages/ui/cypress/support/page-objects/multisigPage.ts b/packages/ui/cypress/support/page-objects/multisigPage.ts index e3be0bcae..ac8c5bdcf 100644 --- a/packages/ui/cypress/support/page-objects/multisigPage.ts +++ b/packages/ui/cypress/support/page-objects/multisigPage.ts @@ -13,6 +13,7 @@ export const multisigPage = { multisigDetailsContainer: () => cy.get('[data-cy=container-multisig-details]'), multisigAccountSummary: () => cy.get('[data-cy=container-multisig-account-summary]'), thresholdListItem: () => cy.get('[data-cy=list-item-threshold]'), + proxyTypeListItem: () => cy.get('[data-cy=list-item-proxy-type]]'), balanceListItem: () => cy.get('[data-cy=list-item-balance]'), signatoriesAccordion: () => cy.get('[data-cy=accordion-signatories]'), expandSignatoriesIcon: () => cy.get('[data-cy=icon-expand-signatories-summary]'), diff --git a/packages/ui/src/pages/Home/MultisigView.tsx b/packages/ui/src/pages/Home/MultisigView.tsx index 4ae8fd877..6b595268f 100644 --- a/packages/ui/src/pages/Home/MultisigView.tsx +++ b/packages/ui/src/pages/Home/MultisigView.tsx @@ -6,6 +6,7 @@ import { Chip } from '@mui/material' import { useMultiProxy } from '../../contexts/MultiProxyContext' import MultisigAccordion from './MultisigAccordion' import { Balance } from '../../components/library' +import { camelcasetoString } from '../../utils' const MultisigView = () => { const { selectedMultiProxy, selectedHasProxy } = useMultiProxy() @@ -46,6 +47,12 @@ const MultisigView = () => { Threshold + {multisig.type && ( + + Proxy Type + {camelcasetoString(multisig.type)} + + )} {selectedHasProxy && ( Balance @@ -134,6 +141,12 @@ const ListFieldText = styled('div')` color: ${({ theme }) => theme.custom.gray[800]}; ` +const ListFieldValue = styled('div')` + color: ${({ theme }) => theme.custom.text.secondary}; + font-size: 1rem; + font-weight: 400; +` + const AccountDisplayWrapperStyled = styled('div')` width: 100%; display: flex; diff --git a/packages/ui/src/utils/camelcasetoString.ts b/packages/ui/src/utils/camelcasetoString.ts new file mode 100644 index 000000000..86c81ece0 --- /dev/null +++ b/packages/ui/src/utils/camelcasetoString.ts @@ -0,0 +1,4 @@ +export const camelcasetoString = (proxy: string) => + proxy.replace(/[A-Z]/g, function (match, index) { + return index === 0 ? match : ` ${match}` + }) diff --git a/packages/ui/src/utils/index.ts b/packages/ui/src/utils/index.ts index aa0515d27..b9a2c28ab 100644 --- a/packages/ui/src/utils/index.ts +++ b/packages/ui/src/utils/index.ts @@ -14,3 +14,4 @@ export * from './getApproveAsMultiTx' export * from './getAsMultiTx' export * from './getErrorMessageReservedFunds' export * from './extinsicErrorChecks' +export * from './camelcasetoString'