diff --git a/packages/loot-design/src/components/modals/CreateLocalAccount.js b/packages/loot-design/src/components/modals/CreateLocalAccount.js index 73018b77b70d5d0773d8e96bcae5b0a15fee7893..51fbd4d96ec50ecf1559ca4c0f05434bd5483e42 100644 --- a/packages/loot-design/src/components/modals/CreateLocalAccount.js +++ b/packages/loot-design/src/components/modals/CreateLocalAccount.js @@ -4,6 +4,7 @@ import { Formik } from 'formik'; import { determineOffBudget } from 'loot-core/src/shared/accounts'; import { toRelaxedNumber } from 'loot-core/src/shared/util'; +import { colors } from 'loot-design/src/style'; import { View, @@ -15,6 +16,7 @@ import { InlineField, FormError, InitialFocus, + Text, } from '../common'; function CreateLocalAccount({ modalProps, actions, history }) { @@ -117,16 +119,53 @@ function CreateLocalAccount({ modalProps, actions, history }) { justifyContent: 'flex-end', }} > - <label style={{ userSelect: 'none' }}> - <input - name="offbudget" - type="checkbox" - checked={!!values.offbudget} - onChange={handleChange} - onBlur={handleBlur} - />{' '} - Off-budget - </label> + <View style={{ flexDirection: 'column' }}> + <label + style={{ + userSelect: 'none', + textAlign: 'right', + width: '100%', + display: 'flex', + verticalAlign: 'center', + justifyContent: 'flex-end', + }} + htmlFor="offbudget" + > + <input + id="offbudget" + name="offbudget" + type="checkbox" + checked={!!values.offbudget} + onChange={handleChange} + onBlur={handleBlur} + /> + Off-budget + </label> + <div + style={{ + textAlign: 'right', + fontSize: '0.7em', + color: colors.n5, + marginTop: 3, + }} + > + <Text> + This cannot be changed later. <br /> {'\n'} + See{' '} + <a + href="https://actualbudget.github.io/docs/Accounts/overview/#off-budget-accounts" + target="_blank" + rel="noopener noreferrer" + style={{ + color: colors.n5, + }} + > + Accounts Overview + </a>{' '} + for more information. + </Text> + </div> + </View> </View> <InlineField label="Balance" width="75%"> diff --git a/upcoming-release-notes/774.md b/upcoming-release-notes/774.md new file mode 100644 index 0000000000000000000000000000000000000000..42a1cf21c77187db598a19c2008303a245ee5a26 --- /dev/null +++ b/upcoming-release-notes/774.md @@ -0,0 +1,6 @@ +--- +category: Enhancements +authors: [pmamberti] +--- + +Clarify in the UI that Account Type cannot be changed after creation