use camelCase for props

src/components/dashboard/users/AccessContainer.tsx

@@ -3,26 +3,26 @@ import globalize from '../../../scripts/globalize';
 import CheckBoxElement from './CheckBoxElement';
 
 type IProps = {
-    ContainerClassName?: string;
-    HeaderTitle?: string;
-    CheckBoxClassName?: string;
-    CheckBoxTitle?: string;
-    ListContainerClassName?: string;
-    AccessClassName?: string;
-    ListTitle?: string;
-    Description?: string;
+    containerClassName?: string;
+    headerTitle?: string;
+    checkBoxClassName?: string;
+    checkBoxTitle?: string;
+    listContainerClassName?: string;
+    accessClassName?: string;
+    listTitle?: string;
+    description?: string;
     children?: React.ReactNode
 }
 
-const AccessContainer: FunctionComponent<IProps> = ({ContainerClassName, HeaderTitle, CheckBoxClassName, CheckBoxTitle, ListContainerClassName, AccessClassName, ListTitle, Description, children }: IProps) => {
+const AccessContainer: FunctionComponent<IProps> = ({containerClassName, headerTitle, checkBoxClassName, checkBoxTitle, listContainerClassName, accessClassName, listTitle, description, children }: IProps) => {
     return (
-        <div className={ContainerClassName}>
-            <h2>{globalize.translate(HeaderTitle)}</h2>
-            <CheckBoxElement labelClassName='checkboxContainer' type='checkbox' className={CheckBoxClassName} title={CheckBoxTitle} />
-            <div className={ListContainerClassName}>
-                <div className={AccessClassName}>
+        <div className={containerClassName}>
+            <h2>{globalize.translate(headerTitle)}</h2>
+            <CheckBoxElement labelClassName='checkboxContainer' type='checkbox' className={checkBoxClassName} title={checkBoxTitle} />
+            <div className={listContainerClassName}>
+                <div className={accessClassName}>
                     <h3 className='checkboxListLabel'>
-                        {globalize.translate(ListTitle)}
+                        {globalize.translate(listTitle)}
                     </h3>
                     <div className='checkboxList paperList' style={{
                         padding: '.5em 1em'
@@ -31,7 +31,7 @@ const AccessContainer: FunctionComponent<IProps> = ({ContainerClassName, HeaderT
                     </div>
                 </div>
                 <div className='fieldDescription'>
-                    {globalize.translate(Description)}
+                    {globalize.translate(description)}
                 </div>
             </div>
         </div>

src/components/pages/NewUserPage.tsx

@@ -199,14 +199,14 @@ const NewUserPage: FunctionComponent = () => {
                         />
                     </div>
                     <AccessContainer
-                        ContainerClassName='folderAccessContainer'
-                        HeaderTitle='HeaderLibraryAccess'
-                        CheckBoxClassName='chkEnableAllFolders'
-                        CheckBoxTitle='OptionEnableAccessToAllLibraries'
-                        ListContainerClassName='folderAccessListContainer'
-                        AccessClassName='folderAccess'
-                        ListTitle='HeaderLibraries'
-                        Description='LibraryAccessHelp'
+                        containerClassName='folderAccessContainer'
+                        headerTitle='HeaderLibraryAccess'
+                        checkBoxClassName='chkEnableAllFolders'
+                        checkBoxTitle='OptionEnableAccessToAllLibraries'
+                        listContainerClassName='folderAccessListContainer'
+                        accessClassName='folderAccess'
+                        listTitle='HeaderLibraries'
+                        description='LibraryAccessHelp'
                     >
                         {mediaFoldersItems.map(Item => (
                             <CheckBoxListItem
@@ -220,14 +220,14 @@ const NewUserPage: FunctionComponent = () => {
                     </AccessContainer>
 
                     <AccessContainer
-                        ContainerClassName='channelAccessContainer verticalSection-extrabottompadding hide'
-                        HeaderTitle='HeaderChannelAccess'
-                        CheckBoxClassName='chkEnableAllChannels'
-                        CheckBoxTitle='OptionEnableAccessToAllChannels'
-                        ListContainerClassName='channelAccessListContainer'
-                        AccessClassName='channelAccess'
-                        ListTitle='Channels'
-                        Description='ChannelAccessHelp'
+                        containerClassName='channelAccessContainer verticalSection-extrabottompadding hide'
+                        headerTitle='HeaderChannelAccess'
+                        checkBoxClassName='chkEnableAllChannels'
+                        checkBoxTitle='OptionEnableAccessToAllChannels'
+                        listContainerClassName='channelAccessListContainer'
+                        accessClassName='channelAccess'
+                        listTitle='Channels'
+                        description='ChannelAccessHelp'
                     >
                         {channelsItems.map(Item => (
                             <CheckBoxListItem

src/components/pages/UserLibraryAccessPage.tsx

@@ -236,14 +236,14 @@ const UserLibraryAccessPage: FunctionComponent = () => {
                 <SectionTabs activeTab='userlibraryaccess'/>
                 <form className='userLibraryAccessForm'>
                     <AccessContainer
-                        ContainerClassName='folderAccessContainer'
-                        HeaderTitle='HeaderLibraryAccess'
-                        CheckBoxClassName='chkEnableAllFolders'
-                        CheckBoxTitle='OptionEnableAccessToAllLibraries'
-                        ListContainerClassName='folderAccessListContainer'
-                        AccessClassName='folderAccess'
-                        ListTitle='HeaderLibraries'
-                        Description='LibraryAccessHelp'
+                        containerClassName='folderAccessContainer'
+                        headerTitle='HeaderLibraryAccess'
+                        checkBoxClassName='chkEnableAllFolders'
+                        checkBoxTitle='OptionEnableAccessToAllLibraries'
+                        listContainerClassName='folderAccessListContainer'
+                        accessClassName='folderAccess'
+                        listTitle='HeaderLibraries'
+                        description='LibraryAccessHelp'
                     >
                         {mediaFoldersItems.map(Item => (
                             <CheckBoxListItem
@@ -257,14 +257,14 @@ const UserLibraryAccessPage: FunctionComponent = () => {
                     </AccessContainer>
 
                     <AccessContainer
-                        ContainerClassName='channelAccessContainer hide'
-                        HeaderTitle='HeaderChannelAccess'
-                        CheckBoxClassName='chkEnableAllChannels'
-                        CheckBoxTitle='OptionEnableAccessToAllChannels'
-                        ListContainerClassName='channelAccessListContainer'
-                        AccessClassName='channelAccess'
-                        ListTitle='Channels'
-                        Description='ChannelAccessHelp'
+                        containerClassName='channelAccessContainer hide'
+                        headerTitle='HeaderChannelAccess'
+                        checkBoxClassName='chkEnableAllChannels'
+                        checkBoxTitle='OptionEnableAccessToAllChannels'
+                        listContainerClassName='channelAccessListContainer'
+                        accessClassName='channelAccess'
+                        listTitle='Channels'
+                        description='ChannelAccessHelp'
                     >
                         {channelsItems.map(Item => (
                             <CheckBoxListItem
@@ -278,14 +278,14 @@ const UserLibraryAccessPage: FunctionComponent = () => {
                     </AccessContainer>
 
                     <AccessContainer
-                        ContainerClassName='deviceAccessContainer hide'
-                        HeaderTitle='HeaderDeviceAccess'
-                        CheckBoxClassName='chkEnableAllDevices'
-                        CheckBoxTitle='OptionEnableAccessFromAllDevices'
-                        ListContainerClassName='deviceAccessListContainer'
-                        AccessClassName='deviceAccess'
-                        ListTitle='HeaderDevices'
-                        Description='DeviceAccessHelp'
+                        containerClassName='deviceAccessContainer hide'
+                        headerTitle='HeaderDeviceAccess'
+                        checkBoxClassName='chkEnableAllDevices'
+                        checkBoxTitle='OptionEnableAccessFromAllDevices'
+                        listContainerClassName='deviceAccessListContainer'
+                        accessClassName='deviceAccess'
+                        listTitle='HeaderDevices'
+                        description='DeviceAccessHelp'
                     >
                         {devicesItems.map(Item => (
                             <CheckBoxListItem