feat: journal number setting dialog.

client/src/components/DialogsContainer.js

@@ -7,13 +7,14 @@ import AccountFormDialog from 'containers/Dialogs/AccountFormDialog';
 // import CurrencyDialog from 'containers/Dialogs/CurrencyDialog';
 // import InviteUserDialog from 'containers/Dialogs/InviteUserDialog';
 // import ExchangeRateDialog from 'containers/Dialogs/ExchangeRateDialog';
-// import JournalNumberDailog from 'containers/Dialogs/JournalNumberDailog';
+import JournalNumberDialog from 'containers/Dialogs/JournalNumberDialog';
 
 
 export default function DialogsContainer() {
   return (
     <div>
       <AccountFormDialog dialogName={'account-form'} />
+      <JournalNumberDialog dialogName={'journal-number-form'} />
     </div>
   );
 }

client/src/components/Forms/InputPrependButton.js

@@ -0,0 +1,27 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { Button, Tooltip, Classes } from '@blueprintjs/core';
+
+export default function InputPrependButton({
+  buttonProps = {},
+  tooltip = false,
+  tooltipProps = {},
+}) {
+  const appendButton = useMemo(() => (
+    <Button
+      className={classNames('input-prepend__button', Classes.SMALL)}
+      {...buttonProps}
+    />
+  ), [buttonProps]);
+
+  const appendButtonWithTooltip = useMemo(
+    () => (<Tooltip {...tooltipProps}>{ appendButton }</Tooltip>),
+    [tooltipProps, appendButton],
+  );
+
+  return (
+    <div class="input-prepend">
+      { tooltip ? appendButtonWithTooltip : appendButton }
+    </div>
+  );
+}

client/src/components/index.js

@@ -24,6 +24,7 @@ import DashboardActionViewsList from './Dashboard/DashboardActionViewsList';
 import Dialog from './Dialog/Dialog';
 import DialogContent from './Dialog/DialogContent';
 import DialogSuspense from './Dialog/DialogSuspense';
+import InputPrependButton from './Forms/InputPrependButton';
 const Hint = FieldHint;
 
 export {
@@ -53,5 +54,6 @@ export {
   AppToaster,
   Dialog,
   DialogContent,
-  DialogSuspense
+  DialogSuspense,
+  InputPrependButton
 };