WIP / exchangeRate / localize

client/src/containers/Items/ItemsCategoryActionsBar.js

@@ -21,6 +21,7 @@ import FilterDropdown from 'components/FilterDropdown';
 import withResourceDetail from 'containers/Resources/withResourceDetails';
 import withDashboard from 'containers/Dashboard/withDashboard';
 
+import { FormattedMessage as T, useIntl } from 'react-intl';
 
 const ItemsCategoryActionsBar = ({
   resourceName = 'item_category',
@@ -53,7 +54,7 @@ const ItemsCategoryActionsBar = ({
         <Button
           className={Classes.MINIMAL}
           icon={<Icon icon='plus' />}
-          text='New Category'
+          text={<T id={'new_category'}/>}
           onClick={onClickNewCategory}
         />
         <Popover
@@ -64,7 +65,7 @@ const ItemsCategoryActionsBar = ({
         >
           <Button
             className={classNames(Classes.MINIMAL, 'button--filter')}
-            text='Filter'
+            text={<T id={'filter'}/>}
             icon={<Icon icon='filter' />}
           />
         </Popover>
@@ -73,7 +74,7 @@ const ItemsCategoryActionsBar = ({
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon='trash' iconSize={15} />}
-            text='Delete'
+            text={<T id={'delete'}/>}
             intent={Intent.DANGER}
             onClick={handleDeleteCategory}
           />
@@ -82,12 +83,12 @@ const ItemsCategoryActionsBar = ({
         <Button
           className={Classes.MINIMAL}
           icon={<Icon icon='file-import' />}
-          text='Import'
+          text={<T id={'import'}/>}
         />
         <Button
           className={Classes.MINIMAL}
           icon={<Icon icon='file-export' />}
-          text='Export'
+          text={<T id={'export'}/>}
         />
       </NavbarGroup>
     </DashboardActionsBar>