From 7a803e1bf108da071bcfba1b05a02e02991a3f4d Mon Sep 17 00:00:00 2001 From: Jed Fox <git@jedfox.com> Date: Tue, 28 Feb 2023 15:25:00 -0500 Subject: [PATCH] Update the Bootstrap page to be more welcoming (#676) --- .../components/manager/subscribe/Bootstrap.js | 31 ++++++++++++------- 1 file changed, 20 insertions(+), 11 deletions(-) diff --git a/packages/desktop-client/src/components/manager/subscribe/Bootstrap.js b/packages/desktop-client/src/components/manager/subscribe/Bootstrap.js index 08a88ac2e..cde02ae89 100644 --- a/packages/desktop-client/src/components/manager/subscribe/Bootstrap.js +++ b/packages/desktop-client/src/components/manager/subscribe/Bootstrap.js @@ -4,7 +4,7 @@ import { useDispatch } from 'react-redux'; import { createBudget } from 'loot-core/src/client/actions/budgets'; import { loggedIn } from 'loot-core/src/client/actions/user'; import { send } from 'loot-core/src/platform/client/fetch'; -import { View, Text, Button } from 'loot-design/src/components/common'; +import { View, Text, Button, P } from 'loot-design/src/components/common'; import { colors } from 'loot-design/src/style'; import { useBootstrapped, Title } from './common'; @@ -51,16 +51,25 @@ export default function Bootstrap() { return ( <> <View style={{ maxWidth: 450, marginTop: -30 }}> - <Title text="Bootstrap this Actual instance" /> - <Text - style={{ - fontSize: 16, - color: colors.n2, - lineHeight: 1.4, - }} - > - Set a password for this server instance - </Text> + <Title text="Welcome to Actual!" /> + <P style={{ fontSize: 16, color: colors.n2 }}> + Actual is a super fast privacy-focused app for managing your finances. + To secure your data, you’ll need to set a password for your server. + </P> + + <P isLast style={{ fontSize: 16, color: colors.n2 }}> + Consider opening{' '} + <a + href="https://actualbudget.github.io/docs/Getting-Started/using-actual/" + target="_blank" + rel="noopener noreferrer" + style={{ color: colors.b4 }} + > + our tour + </a>{' '} + in a new tab for some guidance on what to do when you’ve set your + password. + </P> {error && ( <Text -- GitLab