From 323f02f7ac464226d20ed72a71779e55b8e93435 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jespinog@gmail.com>
Date: Mon, 10 May 2021 15:20:48 +0200
Subject: [PATCH] Removing other unneeded injectIntl

---
 webapp/src/widgets/propertyMenu.tsx  |  9 ++++-----
 webapp/src/widgets/valueSelector.tsx | 10 ++++------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/webapp/src/widgets/propertyMenu.tsx b/webapp/src/widgets/propertyMenu.tsx
index ba9798e92..f35e87ea7 100644
--- a/webapp/src/widgets/propertyMenu.tsx
+++ b/webapp/src/widgets/propertyMenu.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 import React, {useState, useRef, useEffect} from 'react'
-import {injectIntl, IntlShape} from 'react-intl'
+import {useIntl, IntlShape} from 'react-intl'
 
 import {PropertyType} from '../blocks/board'
 import {Utils} from '../utils'
@@ -15,7 +15,6 @@ type Props = {
     onNameChanged: (newName: string) => void
     onTypeChanged: (newType: PropertyType) => void
     onDelete: (id: string) => void
-    intl: IntlShape
 }
 
 function typeDisplayName(intl: IntlShape, type: PropertyType): string {
@@ -46,7 +45,7 @@ function typeMenuTitle(intl: IntlShape, type: PropertyType): string {
 }
 
 const PropertyMenu = React.memo((props: Props) => {
-    const {intl} = props
+    const intl = useIntl()
     const nameTextbox = useRef<HTMLInputElement>(null)
     const [name, setName] = useState(props.propertyName)
 
@@ -83,7 +82,7 @@ const PropertyMenu = React.memo((props: Props) => {
             >
                 <Menu.Label>
                     <b>
-                        {props.intl.formatMessage({id: 'PropertyMenu.changeType', defaultMessage: 'Change property type'})}
+                        {intl.formatMessage({id: 'PropertyMenu.changeType', defaultMessage: 'Change property type'})}
                     </b>
                 </Menu.Label>
 
@@ -144,4 +143,4 @@ const PropertyMenu = React.memo((props: Props) => {
     )
 })
 
-export default injectIntl(PropertyMenu)
+export default PropertyMenu
diff --git a/webapp/src/widgets/valueSelector.tsx b/webapp/src/widgets/valueSelector.tsx
index 0871b0742..932f29b28 100644
--- a/webapp/src/widgets/valueSelector.tsx
+++ b/webapp/src/widgets/valueSelector.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 import React, {useState} from 'react'
-import {injectIntl, IntlShape} from 'react-intl'
+import {useIntl} from 'react-intl'
 import {ActionMeta, ValueType, FormatOptionLabelMeta} from 'react-select'
 import CreatableSelect from 'react-select/creatable'
 import {CSSObject} from '@emotion/serialize'
@@ -26,7 +26,6 @@ type Props = {
     onChange: (value: string) => void
     onChangeColor: (option: IPropertyOption, color: string) => void
     onDeleteOption: (option: IPropertyOption) => void
-    intl: IntlShape
 }
 
 type LabelProps = {
@@ -34,11 +33,11 @@ type LabelProps = {
     meta: FormatOptionLabelMeta<IPropertyOption, false>
     onChangeColor: (option: IPropertyOption, color: string) => void
     onDeleteOption: (option: IPropertyOption) => void
-    intl: IntlShape
 }
 
 const ValueSelectorLabel = React.memo((props: LabelProps): JSX.Element => {
     const {option, meta} = props
+    const intl = useIntl()
     if (meta.context === 'value') {
         return <Label color={option.color}>{option.value}</Label>
     }
@@ -53,7 +52,7 @@ const ValueSelectorLabel = React.memo((props: LabelProps): JSX.Element => {
                     <Menu.Text
                         id='delete'
                         icon={<DeleteIcon/>}
-                        name={props.intl.formatMessage({id: 'BoardComponent.delete', defaultMessage: 'Delete'})}
+                        name={intl.formatMessage({id: 'BoardComponent.delete', defaultMessage: 'Delete'})}
                         onClick={() => props.onDeleteOption(option)}
                     />
                     <Menu.Separator/>
@@ -138,7 +137,6 @@ function ValueSelector(props: Props): JSX.Element {
                     option={option}
                     meta={meta}
                     onChangeColor={props.onChangeColor}
-                    intl={props.intl}
                     onDeleteOption={props.onDeleteOption}
                 />
             )}
@@ -163,4 +161,4 @@ function ValueSelector(props: Props): JSX.Element {
     )
 }
 
-export default injectIntl(ValueSelector)
+export default ValueSelector