feat: Remove the not used imports and functions.

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedger.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useCallback, useState, useMemo } from 'react';
+import React, { useEffect, useCallback, useState} from 'react';
 import moment from 'moment';
 import GeneralLedgerTable from 'containers/FinancialStatements/GeneralLedger/GeneralLedgerTable';
 import { useQuery } from 'react-query';
@@ -43,7 +43,7 @@ function GeneralLedger({
   // Change page title of the dashboard.
   useEffect(() => {
     changePageTitle(formatMessage({id:'general_ledger'}));
-  }, []);
+  }, [changePageTitle,formatMessage]);
 
   const fetchAccounts = useQuery(['accounts-list'],
     () => requestFetchAccounts());

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.js

@@ -3,25 +3,21 @@ 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';
 
 /**
  * General ledger actions bar.
  */
-export default function GeneralLedgerActionsBar({
-
-}) {
+export default function GeneralLedgerActionsBar() {
   const filterDropdown = FilterDropdown({
     fields: [],
     onFilterChange: (filterConditions) => {

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerHeader.js

@@ -1,31 +1,29 @@
-import React, {useState, useMemo, useEffect, useCallback} from 'react';
-import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader';
-import { FormattedMessage as T, useIntl } from 'react-intl';
-
+import React, { useCallback} from 'react';
 import {
   Button,
   FormGroup,
   Classes,
 } from '@blueprintjs/core';
 import {Row, Col} from 'react-grid-system';
-import {
-  compose,
-} from 'utils';
 import moment from 'moment';
+import * as Yup from 'yup';
+import {useFormik} from 'formik';
+import { FormattedMessage as T } from 'react-intl';
+
+import AccountsMultiSelect from 'components/AccountsMultiSelect';
+import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader';
 import AccountsConnect from 'connectors/Accounts.connector'
 import classNames from 'classnames';
-import AccountsMultiSelect from 'components/AccountsMultiSelect';
-import {useFormik} from 'formik';
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
-import * as Yup from 'yup';
 import RadiosAccountingBasis from '../RadiosAccountingBasis';
+import {compose} from 'utils';
+
 
 function GeneralLedgerHeader({
   onSubmitFilter,
   pageFilter,
   accounts,
 }) {
-  const {formatMessage} = useIntl();
 
   const formik = useFormik({
     enableReinitialize: true,

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerTable.js

@@ -1,11 +1,11 @@
-import React, {useEffect, useState, useCallback, useMemo} from 'react';
+import React, {useCallback, useMemo} from 'react';
 import moment from 'moment';
 import { connect } from 'react-redux';
 import {
   defaultExpanderReducer,
   compose
 } from 'utils';
-import { FormattedMessage as T, useIntl } from 'react-intl';
+import { useIntl } from 'react-intl';
 
 import FinancialSheet from 'components/FinancialSheet';
 import DataTable from 'components/DataTable';