diff --git a/src/components/Setup/index.tsx b/src/components/Setup/index.tsx index d4cacd43f..7fc0b2d6a 100644 --- a/src/components/Setup/index.tsx +++ b/src/components/Setup/index.tsx @@ -8,6 +8,7 @@ import LoginWithPlex from './LoginWithPlex'; import SetupSteps from './SetupSteps'; import axios from 'axios'; import { defineMessages, FormattedMessage, useIntl } from 'react-intl'; +import Badge from '../Common/Badge'; const messages = defineMessages({ finish: 'Finish Setup', @@ -16,6 +17,9 @@ const messages = defineMessages({ loginwithplex: 'Login with Plex', configureplex: 'Configure Plex', configureservices: 'Configure Services', + tip: 'Tip', + syncingbackground: + 'Syncing will run in the background. You can continue the setup process in the meantime.', }); const Setup: React.FC = () => { @@ -85,6 +89,12 @@ const Setup: React.FC = () => { {currentStep === 2 && (
setPlexSettingsComplete(true)} /> +
+ + {intl.formatMessage(messages.tip)} + + {intl.formatMessage(messages.syncingbackground)} +
diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json index f598cae48..8b1b27e39 100644 --- a/src/i18n/locale/en.json +++ b/src/i18n/locale/en.json @@ -236,6 +236,8 @@ "components.Setup.finishing": "Finishing...", "components.Setup.loginwithplex": "Login with Plex", "components.Setup.signinMessage": "Get started by logging in with your Plex account", + "components.Setup.syncingbackground": "Syncing will run in the background. You can continue the setup process in the meantime.", + "components.Setup.tip": "Tip", "components.Setup.welcome": "Welcome to Overseerr", "components.Slider.noresults": "No Results", "components.TitleCard.movie": "Movie",