From 15e6843acf5d23ac9d6ecf031069d72b8a2f7203 Mon Sep 17 00:00:00 2001
From: Piero Mamberti <piero.mamberti@gmail.com>
Date: Sun, 19 Mar 2023 13:33:13 +0100
Subject: [PATCH] 753 - Clarify Account type cannot be changed (#774)
---
.../components/modals/CreateLocalAccount.js | 59 +++++++++++++++----
upcoming-release-notes/774.md | 6 ++
2 files changed, 55 insertions(+), 10 deletions(-)
create mode 100644 upcoming-release-notes/774.md
diff --git a/packages/loot-design/src/components/modals/CreateLocalAccount.js b/packages/loot-design/src/components/modals/CreateLocalAccount.js
index 73018b77b..51fbd4d96 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 000000000..42a1cf21c
--- /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
--
GitLab