WIP / FIx & no-unused-vars

client/src/containers/FinancialStatements/Journal/Journal.js

@@ -37,7 +37,7 @@ function Journal({
 
   useEffect(() => {
     changePageTitle(formatMessage({id:'journal_sheet'}));
-  }, []);
+  }, [changePageTitle,formatMessage]);
 
   const fetchHook = useQuery(['journal', filter],
     (key, query) => { requestFetchJournalSheet(query); },

client/src/containers/FinancialStatements/Journal/JournalActionsBar.js

@@ -3,22 +3,18 @@ import {
   NavbarGroup,
   Button,
   Classes,
-  NavbarHeading,
   NavbarDivider,
-  Intent,
   Popover,
   PopoverInteractionKind,
   Position,
 } from '@blueprintjs/core';
+import { FormattedMessage as T } from 'react-intl';
 import Icon from 'components/Icon';
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar'
-import classNames from 'classnames';
 import FilterDropdown from 'components/FilterDropdown';
-import { FormattedMessage as T, useIntl } from 'react-intl';
+import classNames from 'classnames';
 
-export default function JournalActionsBar({
-
-}) {
+export default function JournalActionsBar() {
   const filterDropdown = FilterDropdown({
     fields: [],
     onFilterChange: (filterConditions) => {

client/src/containers/FinancialStatements/Journal/JournalHeader.js

@@ -2,11 +2,10 @@ import React, { useCallback } from 'react';
 import { Row, Col } from 'react-grid-system';
 import {
   Button,
-  Intent,
 } from '@blueprintjs/core';
 import moment from 'moment';
 import { useFormik } from 'formik';
-import { FormattedMessage as T, useIntl } from 'react-intl';
+import { FormattedMessage as T } from 'react-intl';
 import * as Yup from 'yup';
 
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
@@ -17,7 +16,7 @@ export default function JournalHeader({
   pageFilter,
   onSubmitFilter,
 }) {
-  const { formatMessage } = useIntl();
+ 
   const formik = useFormik({
     enableReinitialize: true,
     initialValues: {

client/src/containers/FinancialStatements/Journal/JournalTable.js

@@ -1,6 +1,7 @@
 import React, { useCallback, useMemo } from 'react';
 import {connect} from 'react-redux';
 import moment from 'moment';
+import {  useIntl } from 'react-intl';
 
 import FinancialSheet from 'components/FinancialSheet';
 import DataTable from 'components/DataTable';
@@ -12,7 +13,6 @@ import {
 } from 'store/financialStatement/financialStatements.selectors';
 
 import withJournal from './withJournal';
-import { FormattedMessage as T, useIntl } from 'react-intl';
 
 
 function JournalSheetTable({
@@ -77,7 +77,7 @@ const {formatMessage} =useIntl();
       accessor: r => exceptRowTypes(
         r.rowType, (<Money amount={r.debit} currency={'USD'} />), ['space_entry']),
     },
-  ], []);
+  ], [formatMessage]);
 
   const handleFetchData = useCallback((...args) => {
     onFetchData && onFetchData(...args)