self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-01-11 18:13:52 +02:00
Code Issues Releases Activity

Migrating NewCardButton to functional component

Browse Source
This commit is contained in:
Jesús Espino 2021-03-26 17:33:59 +01:00
parent 9ef14be7eb
commit 864977e01f
1 changed files with 52 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
webapp/src/components/newCardButton.tsx
View File

@ -20,63 +20,61 @@ type Props = {
intl: IntlShape
}
class NewCardButton extends React.PureComponent<Props> {
render(): JSX.Element {
const {intl, boardTree} = this.props
const NewCardButton = React.memo((props: Props): JSX.Element => {
const {intl, boardTree} = props
return (
<ButtonWithMenu
onClick={() => {
this.props.addCard()
}}
text={(
<FormattedMessage
id='ViewHeader.new'
defaultMessage='New'
return (
<ButtonWithMenu
onClick={() => {
props.addCard()
}}
text={(
<FormattedMessage
id='ViewHeader.new'
defaultMessage='New'
/>
)}
>
<Menu position='left'>
{boardTree.cardTemplates.length > 0 && <>
<Menu.Label>
<b>
<FormattedMessage
id='ViewHeader.select-a-template'
defaultMessage='Select a template'
/>
</b>
</Menu.Label>
<Menu.Separator/>
</>}
{boardTree.cardTemplates.map((cardTemplate) => (
<NewCardButtonTemplateItem
key={cardTemplate.id}
cardTemplate={cardTemplate}
addCardFromTemplate={props.addCardFromTemplate}
editCardTemplate={props.editCardTemplate}
/>
)}
>
<Menu position='left'>
{boardTree.cardTemplates.length > 0 && <>
<Menu.Label>
<b>
<FormattedMessage
id='ViewHeader.select-a-template'
defaultMessage='Select a template'
/>
</b>
</Menu.Label>
))}
<Menu.Separator/>
</>}
<Menu.Text
id='empty-template'
name={intl.formatMessage({id: 'ViewHeader.empty-card', defaultMessage: 'Empty card'})}
icon={<CardIcon/>}
onClick={() => {
props.addCard()
}}
/>
{boardTree.cardTemplates.map((cardTemplate) => (
<NewCardButtonTemplateItem
key={cardTemplate.id}
cardTemplate={cardTemplate}
addCardFromTemplate={this.props.addCardFromTemplate}
editCardTemplate={this.props.editCardTemplate}
/>
))}
<Menu.Text
id='empty-template'
name={intl.formatMessage({id: 'ViewHeader.empty-card', defaultMessage: 'Empty card'})}
icon={<CardIcon/>}
onClick={() => {
this.props.addCard()
}}
/>
<Menu.Text
id='add-template'
name={intl.formatMessage({id: 'ViewHeader.add-template', defaultMessage: '+ New template'})}
onClick={() => this.props.addCardTemplate()}
/>
</Menu>
</ButtonWithMenu>
)
}
}
<Menu.Text
id='add-template'
name={intl.formatMessage({id: 'ViewHeader.add-template', defaultMessage: '+ New template'})}
onClick={() => props.addCardTemplate()}
/>
</Menu>
</ButtonWithMenu>
)
})
export default injectIntl(NewCardButton)