feat: Optimize SCSS architecture.

client/src/containers/Dialogs/AccountFormDialog/AccountFormDialogContent.js

@@ -19,6 +19,8 @@ import {
 import { compose, transformToForm } from 'utils';
 import { transformApiErrors, transformAccountToForm } from './utils';
 
+import 'style/pages/Accounts/AccountFormDialog.scss';
+
 const defaultInitialValues = {
   account_type_id: '',
   parent_account_id: '',

client/src/containers/Dialogs/CurrencyFormDialog/CurencyFormDialogContent.js

@@ -11,9 +11,7 @@ import { useFormik } from 'formik';
 import { useQuery, queryCache } from 'react-query';
 import { FormattedMessage as T, useIntl } from 'react-intl';
 import { pick } from 'lodash';
-import classNames from 'classnames';
 import {
-  If,
   ErrorMessage,
   AppToaster,
   FieldRequiredHint,
@@ -26,6 +24,8 @@ import withCurrenciesActions from 'containers/Currencies/withCurrenciesActions';
 
 import { compose } from 'utils';
 
+import 'style/pages/Currency/CurrencyFormDialog.scss'
+
 function CurencyFormDialogContent({
   // #withCurrencyDetail
   currency,

client/src/containers/Dialogs/ExchangeRateFormDialog/ExchangeRateFormDialogContent.js

@@ -6,7 +6,6 @@ import {
   InputGroup,
   Intent,
   Position,
-  MenuItem,
 } from '@blueprintjs/core';
 import { pick } from 'lodash';
 import * as Yup from 'yup';
@@ -18,9 +17,7 @@ import { FormattedMessage as T, useIntl } from 'react-intl';
 import { momentFormatter, tansformDateValue } from 'utils';
 import {
   AppToaster,
-  Dialog,
   ErrorMessage,
-  ListSelect,
   DialogContent,
   FieldRequiredHint,
   CurrencySelectList,
@@ -35,6 +32,11 @@ import withDialogActions from 'containers/Dialog/withDialogActions';
 
 import { compose } from 'utils';
 
+import 'style/pages/ExchangeRate/ExchangeRateDialog.scss';
+
+/**
+ * Exchange rate form content.
+ */
 function ExchangeRateFormDialogContent({
   // #withDialogActions
   closeDialog,

client/src/containers/Dialogs/InviteUserDialog/InviteUserDialogContent.js

@@ -15,7 +15,11 @@ import UserFormDialogForm from './InviteUserDialogForm';
 
 import { transformApiErrors } from './utils';
 
-//
+import 'style/pages/Users/InviteFormDialog.scss'
+
+/**
+ * Invite user dialog content.
+ */
 function InviteUserDialogContent({
   // #wihtCurrenciesActions
   requestFetchUser,

client/src/containers/Dialogs/ItemCategoryDialog/ItemCategoryFormDialogContent.js

@@ -20,6 +20,8 @@ import {
 } from './itemCategoryForm.schema';
 import { compose, transformToForm } from 'utils';
 
+import 'style/pages/ItemCategory/ItemCategoryDialog.scss'
+
 const defaultInitialValues = {
   name: '',
   description: '',

client/src/containers/Dialogs/JournalNumberDialog/JournalNumberDialogContent.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useCallback } from 'react';
 import { DialogContent } from 'components';
 import { useQuery, queryCache } from 'react-query';
 
@@ -11,6 +11,8 @@ import withManualJournalsActions from 'containers/Accounting/withManualJournalsA
 
 import { compose, optionsMapToArray } from 'utils';
 
+import 'style/pages/ManualJournal/JournalNumberDialog.scss'
+
 /**
  * Journal number dialog's content.
  */

client/src/containers/Dialogs/JournalNumberDialog/index.js

@@ -29,7 +29,6 @@ function JournalNumberDialog({
   );
 }
 
-
 export default compose(
   withDialogRedux(),
 )(JournalNumberDialog);