fix: make journal prepend button with control group.

This commit is contained in:
Ahmed Bouhuolia
2020-11-11 18:50:29 +02:00
parent cac0a368f2
commit f35cf90bc5

View File

@@ -4,6 +4,7 @@ import {
FormGroup, FormGroup,
Intent, Intent,
Position, Position,
ControlGroup,
} from '@blueprintjs/core'; } from '@blueprintjs/core';
import { DateInput } from '@blueprintjs/datetime'; import { DateInput } from '@blueprintjs/datetime';
import { FormattedMessage as T } from 'react-intl'; import { FormattedMessage as T } from 'react-intl';
@@ -77,27 +78,29 @@ function MakeJournalEntriesHeader({
} }
fill={true} fill={true}
> >
<InputGroup <ControlGroup fill={true}>
intent={ <InputGroup
errors.journal_number && touched.journal_number && Intent.DANGER intent={
} errors.journal_number &&
fill={true} touched.journal_number &&
rightElement={ Intent.DANGER
<InputPrependButton }
buttonProps={{ fill={true}
onClick: handleJournalNumberChange, {...getFieldProps('journal_number')}
icon: <Icon icon={'settings-18'} />, onBlur={handleJournalNumberChanged}
}} />
tooltip={true} <InputPrependButton
tooltipProps={{ buttonProps={{
content: 'Setting your auto-generated journal number', onClick: handleJournalNumberChange,
position: Position.BOTTOM_LEFT, icon: <Icon icon={'settings-18'} />,
}} }}
/> tooltip={true}
} tooltipProps={{
{...getFieldProps('journal_number')} content: 'Setting your auto-generated journal number',
onBlur={handleJournalNumberChanged} position: Position.BOTTOM_LEFT,
/> }}
/>
</ControlGroup>
</FormGroup> </FormGroup>
</Col> </Col>
@@ -191,7 +194,7 @@ function MakeJournalEntriesHeader({
className={classNames( className={classNames(
'form-group--select-list', 'form-group--select-list',
'form-group--currency', 'form-group--currency',
CLASSES.FILL CLASSES.FILL,
)} )}
> >
<CurrenciesSelectList /> <CurrenciesSelectList />