From 0868f3eb292699a6a7f3428d90fdd0923fe831ef Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 20 Oct 2020 07:49:58 +0200
Subject: [PATCH] Display contracts with camelCase (#3901)

---
 packages/page-contracts/src/shared/MessageSignature.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/page-contracts/src/shared/MessageSignature.tsx b/packages/page-contracts/src/shared/MessageSignature.tsx
index 9e8bb6ab59..4bd7138cc5 100644
--- a/packages/page-contracts/src/shared/MessageSignature.tsx
+++ b/packages/page-contracts/src/shared/MessageSignature.tsx
@@ -7,6 +7,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { Icon, Tooltip } from '@polkadot/react-components';
 import { encodeTypeDef } from '@polkadot/types';
+import { stringCamelCase } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
@@ -31,7 +32,7 @@ function MessageSignature ({ className, message: { args, identifier, isConstruct
 
   return (
     <div className={className}>
-      <span className='ui--MessageSignature-name'>{identifier}</span>
+      <span className='ui--MessageSignature-name'>{stringCamelCase(identifier)}</span>
       {' '}({args.map(({ name, type }, index): React.ReactNode => {
         return (
           <React.Fragment key={`${name}-args-${index}`}>