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'