mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

use camelCase for props

Browse source
This commit is contained in:
grafixeyehero 2022-05-09 20:11:47 +03:00
parent 2fc9741d57
commit 0a881d6f6f
3 changed files with 56 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/dashboard/users/AccessContainer.tsx
View file

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

32
src/components/pages/NewUserPage.tsx
View file

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

48
src/components/pages/UserLibraryAccessPage.tsx
View file

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