fix(ui): Capitalization, punctuation, and grammar inconsistences & errors (#731)

src/components/CollectionDetails/index.tsx

@@ -20,7 +20,7 @@ import TitleCard from '../TitleCard';
 import Transition from '../Transition';
 
 const messages = defineMessages({
-  overviewunavailable: 'Overview unavailable',
+  overviewunavailable: 'Overview unavailable.',
   overview: 'Overview',
   movies: 'Movies',
   numberofmovies: 'Number of Movies: {count}',

src/components/Common/ListView/index.tsx

@@ -7,6 +7,11 @@ import {
 import TitleCard from '../../TitleCard';
 import useVerticalScroll from '../../../hooks/useVerticalScroll';
 import PersonCard from '../../PersonCard';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  noresults: 'No results.',
+});
 
 interface ListViewProps {
   items?: (TvResult | MovieResult | PersonResult)[];
@@ -23,12 +28,13 @@ const ListView: React.FC<ListViewProps> = ({
   onScrollBottom,
   isReachingEnd,
 }) => {
+  const intl = useIntl();
   useVerticalScroll(onScrollBottom, !isLoading && !isEmpty && !isReachingEnd);
   return (
     <>
       {isEmpty && (
         <div className="w-full mt-64 text-2xl text-center text-gray-400">
-          No Results
+          {intl.formatMessage(messages.noresults)}
         </div>
       )}
       <ul className="grid grid-cols-2 gap-6 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-7 2xl:grid-cols-8">

src/components/Layout/index.tsx

@@ -9,7 +9,7 @@ import { Permission, useUser } from '../../hooks/useUser';
 
 const messages = defineMessages({
   alphawarning:
-    'This is ALPHA software. Almost everything is bound to be nearly broken and/or unstable. Please report issues to the Overseerr Github!',
+    'This is ALPHA software. Features may be broken and/or unstable. Please report issues on GitHub!',
 });
 
 const Layout: React.FC = ({ children }) => {

src/components/Login/LocalLogin.tsx

@@ -10,7 +10,7 @@ const messages = defineMessages({
   password: 'Password',
   validationemailrequired: 'Not a valid email address',
   validationpasswordrequired: 'Password required',
-  loginerror: 'Something went wrong when trying to sign in',
+  loginerror: 'Something went wrong while trying to sign in.',
   signingin: 'Signing in…',
   signin: 'Sign in',
 });

src/components/Login/index.tsx

@@ -12,8 +12,8 @@ import Accordion from '../Common/Accordion';
 
 const messages = defineMessages({
   signinheader: 'Sign in to continue',
-  signinwithplex: 'Sign in with Plex',
-  signinwithoverseerr: 'Sign in with Overseerr',
+  signinwithplex: 'Use your Plex account',
+  signinwithoverseerr: 'Use your Overseerr account',
 });
 
 const Login: React.FC = () => {

src/components/MovieDetails/MovieRecommendations.tsx

@@ -12,7 +12,7 @@ import { MediaStatus } from '../../../server/constants/media';
 
 const messages = defineMessages({
   recommendations: 'Recommendations',
-  recommendationssubtext: 'If you liked {title}, you might also like...',
+  recommendationssubtext: 'If you liked {title}, you might also like…',
 });
 
 interface SearchResult {

src/components/MovieDetails/index.tsx

@@ -51,13 +51,13 @@ const messages = defineMessages({
   available: 'Available',
   unavailable: 'Unavailable',
   pending: 'Pending',
-  overviewunavailable: 'Overview unavailable',
+  overviewunavailable: 'Overview unavailable.',
   manageModalTitle: 'Manage Movie',
   manageModalRequests: 'Requests',
   manageModalNoRequests: 'No Requests',
   manageModalClearMedia: 'Clear All Media Data',
   manageModalClearMediaWarning:
-    'This will remove all media data including all requests for this item. This action is irreversible. If this item exists in your Plex library, the media information will be recreated next sync.',
+    'This will irreversibly remove all data for this movie, including any requests. If this item exists in your Plex library, the media information will be recreated during the next sync.',
   approve: 'Approve',
   decline: 'Decline',
   studio: 'Studio',

src/components/PlexLoginButton/index.tsx

@@ -3,7 +3,7 @@ import PlexOAuth from '../../utils/plex';
 import { defineMessages, useIntl } from 'react-intl';
 
 const messages = defineMessages({
-  signinwithplex: 'Sign in',
+  signinwithplex: 'Sign In',
   loading: 'Loading…',
   signingin: 'Signing in…',
 });

src/components/RequestList/RequestItem/index.tsx

@@ -30,7 +30,7 @@ const messages = defineMessages({
   requestedby: 'Requested by {username}',
   seasons: 'Seasons',
   notavailable: 'N/A',
-  failedretry: 'Something went wrong retrying the request',
+  failedretry: 'Something went wrong while retrying the request.',
 });
 
 const isMovie = (movie: MovieDetails | TvDetails): movie is MovieDetails => {

src/components/RequestList/index.tsx

@@ -21,7 +21,7 @@ const messages = defineMessages({
   filterAll: 'All',
   filterPending: 'Pending',
   filterApproved: 'Approved',
-  noresults: 'No Results.',
+  noresults: 'No results.',
   showallrequests: 'Show All Requests',
   sortAdded: 'Request Date',
   sortModified: 'Last Modified',

src/components/RequestModal/MovieRequestModal.tsx

@@ -28,18 +28,18 @@ const messages = defineMessages({
   request4ktitle: 'Request {title} in 4K',
   close: 'Close',
   cancel: 'Cancel Request',
-  cancelling: 'Cancelling...',
+  cancelling: 'Cancelling…',
   pendingrequest: 'Pending request for {title}',
   pending4krequest: 'Pending request for {title} in 4K',
-  requesting: 'Requesting...',
+  requesting: 'Requesting…',
   request: 'Request',
   request4k: 'Request 4K',
-  requestfrom: 'There is currently a pending request from {username}',
-  request4kfrom: 'There is currently a pending 4K request from {username}',
-  errorediting: 'Something went wrong editing the request.',
+  requestfrom: 'There is a pending request from {username}.',
+  request4kfrom: 'There is a pending 4K request from {username}.',
+  errorediting: 'Something went wrong while editing the request.',
   requestedited: 'Request edited.',
-  autoapproval: 'Auto Approval',
-  requesterror: 'Something went wrong when trying to request media.',
+  autoapproval: 'Automatic Approval',
+  requesterror: 'Something went wrong while submitting the request.',
 });
 
 interface RequestModalProps extends React.HTMLAttributes<HTMLDivElement> {

src/components/RequestModal/SearchByNameModal/index.tsx

@@ -8,9 +8,9 @@ import { SonarrSeries } from '../../../../server/api/sonarr';
 
 const messages = defineMessages({
   next: 'Next',
-  notvdbid: 'Manual match required',
+  notvdbid: 'Manual Match Required',
   notvdbiddescription:
-    "We couldn't automatically match your request. Please select the correct match from the list below.",
+    "We couldn't automatically match your request. Please select the correct match from the list below:",
   nosummary: 'No summary for this title was found.',
 });
 

src/components/RequestModal/TvRequestModal.tsx

@@ -27,7 +27,7 @@ const messages = defineMessages({
   requestSuccess: '<strong>{title}</strong> successfully requested!',
   requesttitle: 'Request {title}',
   request4ktitle: 'Request {title} in 4K',
-  requesting: 'Requesting...',
+  requesting: 'Requesting…',
   requestseasons:
     'Request {seasonCount} {seasonCount, plural, one {Season} other {Seasons}}',
   selectseason: 'Select season(s)',
@@ -37,15 +37,15 @@ const messages = defineMessages({
   seasonnumber: 'Season {number}',
   extras: 'Extras',
   notrequested: 'Not Requested',
-  errorediting: 'Something went wrong editing the request.',
+  errorediting: 'Something went wrong while editing the request.',
   requestedited: 'Request edited.',
   requestcancelled: 'Request cancelled.',
-  autoapproval: 'Auto Approval',
-  requesterror: 'Something went wrong when trying to request media.',
+  autoapproval: 'Automatic Approval',
+  requesterror: 'Something went wrong while submitting the request.',
   next: 'Next',
-  notvdbid: 'No TVDB id was found connected on TMDB',
+  notvdbid: 'No TVDB ID was found for the item on TMDb.',
   notvdbiddescription:
-    'Either add the TVDB id to TMDB and come back later, or select the correct match below.',
+    'Either add the TVDB ID to TMDb and try again later, or select the correct match below:',
   backbutton: 'Back',
 });
 

src/components/Settings/CopyButton.tsx

@@ -4,7 +4,7 @@ import { useToasts } from 'react-toast-notifications';
 import { defineMessages, useIntl } from 'react-intl';
 
 const messages = defineMessages({
-  copied: 'Copied API key to clipboard',
+  copied: 'Copied API key to clipboard.',
 });
 
 const CopyButton: React.FC<{ textToCopy: string }> = ({ textToCopy }) => {

src/components/Settings/Notifications/NotificationsDiscord.tsx

@@ -11,11 +11,11 @@ import NotificationTypeSelector from '../../NotificationTypeSelector';
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  agentenabled: 'Agent Enabled',
+  saving: 'Saving…',
+  agentenabled: 'Enable Agent',
   webhookUrl: 'Webhook URL',
   validationWebhookUrlRequired: 'You must provide a webhook URL',
-  webhookUrlPlaceholder: 'Server Settings -> Integrations -> Webhooks',
+  webhookUrlPlaceholder: 'Server Settings → Integrations → Webhooks',
   discordsettingssaved: 'Discord notification settings saved!',
   discordsettingsfailed: 'Discord notification settings failed to save.',
   testsent: 'Test notification sent!',

src/components/Settings/Notifications/NotificationsEmail.tsx

@@ -11,12 +11,12 @@ import NotificationTypeSelector from '../../NotificationTypeSelector';
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  validationFromRequired: 'You must provide an email sender address',
+  saving: 'Saving…',
+  validationFromRequired: 'You must provide a sender address',
   validationSmtpHostRequired: 'You must provide an SMTP host',
   validationSmtpPortRequired: 'You must provide an SMTP port',
-  agentenabled: 'Agent Enabled',
-  emailsender: 'Email Sender Address',
+  agentenabled: 'Enable Agent',
+  emailsender: 'Sender Address',
   smtpHost: 'SMTP Host',
   smtpPort: 'SMTP Port',
   enableSsl: 'Enable SSL',
@@ -28,7 +28,7 @@ const messages = defineMessages({
   testsent: 'Test notification sent!',
   allowselfsigned: 'Allow Self-Signed Certificates',
   ssldisabletip:
-    'SSL should be disabled on standard TLS connections (Port 587)',
+    'SSL should be disabled on standard TLS connections (port 587)',
   senderName: 'Sender Name',
   notificationtypes: 'Notification Types',
 });

src/components/Settings/Notifications/NotificationsPushover/index.tsx

@@ -12,8 +12,8 @@ import NotificationTypeSelector from '../../../NotificationTypeSelector';
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  agentenabled: 'Agent Enabled',
+  saving: 'Saving…',
+  agentenabled: 'Enable Agent',
   accessToken: 'Access Token',
   userToken: 'User Token',
   validationAccessTokenRequired: 'You must provide an access token.',
@@ -22,7 +22,7 @@ const messages = defineMessages({
   pushoversettingsfailed: 'Pushover notification settings failed to save.',
   testsent: 'Test notification sent!',
   test: 'Test',
-  settinguppushover: 'Setting up Pushover Notifications',
+  settinguppushover: 'Setting Up Pushover Notifications',
   settinguppushoverDescription:
     'To setup Pushover you need to <RegisterApplicationLink>register an application</RegisterApplicationLink> and get the access token.\
     When setting up the application you can use one of the icons in the <IconLink>public folder</IconLink> on github.\

src/components/Settings/Notifications/NotificationsSlack/index.tsx

@@ -12,8 +12,8 @@ import NotificationTypeSelector from '../../../NotificationTypeSelector';
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  agentenabled: 'Agent Enabled',
+  saving: 'Saving…',
+  agentenabled: 'Enable Agent',
   webhookUrl: 'Webhook URL',
   validationWebhookUrlRequired: 'You must provide a webhook URL',
   webhookUrlPlaceholder: 'Webhook URL',
@@ -21,7 +21,7 @@ const messages = defineMessages({
   slacksettingsfailed: 'Slack notification settings failed to save.',
   testsent: 'Test notification sent!',
   test: 'Test',
-  settingupslack: 'Setting up Slack Notifications',
+  settingupslack: 'Setting Up Slack Notifications',
   settingupslackDescription:
     'To use Slack notifications, you will need to create an <WebhookLink>Incoming Webhook</WebhookLink> integration and use the provided webhook URL below.',
   notificationtypes: 'Notification Types',

src/components/Settings/Notifications/NotificationsTelegram.tsx

@@ -12,20 +12,20 @@ import NotificationTypeSelector from '../../NotificationTypeSelector';
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  agentenabled: 'Agent Enabled',
+  saving: 'Saving…',
+  agentenabled: 'Enable Agent',
   botAPI: 'Bot API',
-  chatId: 'Chat Id',
+  chatId: 'Chat ID',
   validationBotAPIRequired: 'You must provide a Bot API key.',
-  validationChatIdRequired: 'You must provide a Chat id.',
+  validationChatIdRequired: 'You must provide a Chat ID.',
   telegramsettingssaved: 'Telegram notification settings saved!',
   telegramsettingsfailed: 'Telegram notification settings failed to save.',
   testsent: 'Test notification sent!',
   test: 'Test',
-  settinguptelegram: 'Setting up Telegram Notifications',
+  settinguptelegram: 'Setting Up Telegram Notifications',
   settinguptelegramDescription:
     'To setup Telegram you need to <CreateBotLink>create a bot</CreateBotLink> and get the bot API key.\
-    Additionally, you need the chat id for the chat you want the bot to send notifications to.\
+    Additionally, you need the chat ID for the chat you want the bot to send notifications to.\
     You can do this by adding <GetIdBotLink>@get_id_bot</GetIdBotLink> to the chat or group chat.',
   notificationtypes: 'Notification Types',
 });

src/components/Settings/Notifications/NotificationsWebhook/index.tsx

@@ -33,8 +33,8 @@ const defaultPayload = {
 
 const messages = defineMessages({
   save: 'Save Changes',
-  saving: 'Saving...',
-  agentenabled: 'Agent Enabled',
+  saving: 'Saving…',
+  agentenabled: 'Enable Agent',
   webhookUrl: 'Webhook URL',
   authheader: 'Authorization Header',
   validationWebhookUrlRequired: 'You must provide a webhook URL',

src/components/Settings/RadarrModal/index.tsx

@@ -19,12 +19,12 @@ const messages = defineMessages({
   validationProfileRequired: 'You must select a profile',
   validationMinimumAvailabilityRequired: 'You must select minimum availability',
   toastRadarrTestSuccess: 'Radarr connection established!',
-  toastRadarrTestFailure: 'Failed to connect to Radarr Server',
-  saving: 'Saving...',
+  toastRadarrTestFailure: 'Failed to connect to Radarr.',
+  saving: 'Saving…',
   save: 'Save Changes',
   add: 'Add Server',
   test: 'Test',
-  testing: 'Testing...',
+  testing: 'Testing…',
   defaultserver: 'Default Server',
   servername: 'Server Name',
   servernamePlaceholder: 'A Radarr Server',
@@ -32,20 +32,20 @@ const messages = defineMessages({
   port: 'Port',
   ssl: 'SSL',
   apiKey: 'API Key',
-  apiKeyPlaceholder: 'Your Radarr API Key',
+  apiKeyPlaceholder: 'Your Radarr API key',
   baseUrl: 'Base URL',
   baseUrlPlaceholder: 'Example: /radarr',
   qualityprofile: 'Quality Profile',
   rootfolder: 'Root Folder',
   minimumAvailability: 'Minimum Availability',
   server4k: '4K Server',
-  selectQualityProfile: 'Select a Quality Profile',
-  selectRootFolder: 'Select a Root Folder',
+  selectQualityProfile: 'Select quality profile',
+  selectRootFolder: 'Select root folder',
   selectMinimumAvailability: 'Select minimum availability',
   loadingprofiles: 'Loading quality profiles…',
-  testFirstQualityProfiles: 'Test your connection to load quality profiles',
+  testFirstQualityProfiles: 'Test connection to load quality profiles',
   loadingrootfolders: 'Loading root folders…',
-  testFirstRootFolders: 'Test your connection to load root folders',
+  testFirstRootFolders: 'Test connection to load root folders',
 });
 
 interface TestResponse {

src/components/Settings/SettingsAbout/Releases/index.tsx

@@ -12,7 +12,7 @@ import globalMessages from '../../../../i18n/globalMessages';
 
 const messages = defineMessages({
   releases: 'Releases',
-  releasedataMissing: 'Release data missing. Is GitHub down?',
+  releasedataMissing: 'Release data unavailable. Is GitHub down?',
   versionChangelog: 'Version Changelog',
   viewongithub: 'View on GitHub',
   latestversion: 'Latest Version',
@@ -20,7 +20,7 @@ const messages = defineMessages({
   viewchangelog: 'View Changelog',
   runningDevelop: 'You are running a develop version of Overseerr!',
   runningDevelopMessage:
-    'The changes in your version will not be available below. Please look at the <GithubLink>GitHub repository</GithubLink> for latest updates.',
+    'The changes in your version will not be available below. Please see the <GithubLink>GitHub repository</GithubLink> for latest updates.',
 });
 
 const REPO_RELEASE_API =

src/components/Settings/SettingsAbout/index.tsx

@@ -17,7 +17,7 @@ const messages = defineMessages({
   clickheretojoindiscord: 'Click here to join our Discord server.',
   timezone: 'Timezone',
   supportoverseerr: 'Support Overseerr',
-  helppaycoffee: 'Help pay for coffee',
+  helppaycoffee: 'Help Pay for Coffee',
   documentation: 'Documentation',
 });
 
@@ -92,7 +92,7 @@ const SettingsAbout: React.FC = () => {
       <div className="mb-8">
         <List title={intl.formatMessage(messages.supportoverseerr)}>
           <List.Item
-            title={`☕️ ${intl.formatMessage(messages.helppaycoffee)}`}
+            title={`${intl.formatMessage(messages.helppaycoffee)} ☕️`}
           >
             <a
               href="https://patreon.com/overseerr"

src/components/Settings/SettingsLogs/index.tsx

@@ -6,9 +6,9 @@ const SettingsLogs: React.FC = () => {
   return (
     <>
       <div className="text-sm leading-loose text-gray-300">
-        Logs page is still being built. For now, you can access your logs
+        This page is still being built. For now, you can access your logs
         directly in <code>stdout</code> (container logs) or looking in{' '}
-        <code>/app/config/logs/overseerr.log</code>
+        <code>/app/config/logs/overseerr.log</code>.
       </div>
     </>
   );

src/components/Settings/SettingsMain.tsx

@@ -16,17 +16,17 @@ import PermissionEdit from '../PermissionEdit';
 const messages = defineMessages({
   generalsettings: 'General Settings',
   generalsettingsDescription:
-    'These are settings related to general Overseerr configuration.',
+    'Configure global and default settings for Overseerr.',
   save: 'Save Changes',
-  saving: 'Saving...',
+  saving: 'Saving…',
   apikey: 'API Key',
   applicationurl: 'Application URL',
-  toastApiKeySuccess: 'New API Key generated!',
-  toastApiKeyFailure: 'Something went wrong generating a new API Key.',
-  toastSettingsSuccess: 'Settings saved.',
-  toastSettingsFailure: 'Something went wrong saving settings.',
+  toastApiKeySuccess: 'New API key generated!',
+  toastApiKeyFailure: 'Something went wrong while generating a new API key.',
+  toastSettingsSuccess: 'Settings successfully saved!',
+  toastSettingsFailure: 'Something went wrong while saving settings.',
   defaultPermissions: 'Default User Permissions',
-  hideAvailable: 'Hide available media',
+  hideAvailable: 'Hide Available Media',
   csrfProtection: 'Enable CSRF Protection',
   csrfProtectionTip:
     'Sets external API access to read-only (Overseerr must be reloaded for changes to take effect)',

src/components/Settings/SettingsNotifications.tsx

@@ -20,14 +20,14 @@ const messages = defineMessages({
   saving: 'Saving…',
   notificationsettings: 'Notification Settings',
   notificationsettingsDescription:
-    'Global notification configuration. The settings below affect all notification agents.',
+    'Configure global notification settings. The options below will apply to all notification agents.',
   notificationAgentsSettings: 'Notification Agents',
   notificationAgentSettingsDescription:
-    'Here you can pick and choose what types of notifications to send and through what types of services.',
+    'Choose the types of notifications to send, and which notification agents to use.',
   notificationsettingssaved: 'Notification settings saved!',
   notificationsettingsfailed: 'Notification settings failed to save.',
   enablenotifications: 'Enable Notifications',
-  autoapprovedrequests: 'Send notifications for auto-approved requests',
+  autoapprovedrequests: 'Send Notifications for Auto-Approved Requests',
 });
 
 interface SettingsRoute {

src/components/Settings/SettingsPlex.tsx

@@ -16,43 +16,44 @@ import Alert from '../Common/Alert';
 const messages = defineMessages({
   plexsettings: 'Plex Settings',
   plexsettingsDescription:
-    'Configure the settings for your Plex server. Overseerr uses your Plex server to scan your library at an interval and see what content is available.',
-  servername: 'Server Name (Retrieved from Plex)',
+    'Configure the settings for your Plex server. Overseerr scans your Plex libraries to see what content is available.',
+  servername: 'Server Name',
+  servernameTip: 'Automatically retrieved from Plex after saving',
   servernamePlaceholder: 'Plex Server Name',
-  serverpreset: 'Available Server',
-  serverpresetPlaceholder: 'Plex Server (Retrieved Automatically)',
+  serverpreset: 'Server',
+  serverpresetPlaceholder: 'Plex Server',
   serverLocal: 'local',
   serverRemote: 'remote',
   serverConnected: 'connected',
   serverpresetManualMessage: 'Manually configure',
-  serverpresetRefreshing: 'Retrieving servers...',
-  serverpresetLoad: 'Press button to load available servers',
+  serverpresetRefreshing: 'Retrieving servers…',
+  serverpresetLoad: 'Press the button to load available servers',
   toastPlexRefresh: 'Retrieving server list from Plex',
   toastPlexRefreshSuccess: 'Retrieved server list from Plex',
   toastPlexRefreshFailure: 'Unable to retrieve server list from Plex',
   toastPlexConnecting: 'Attempting to connect to Plex server',
   toastPlexConnectingSuccess: 'Connected to Plex server',
   toastPlexConnectingFailure: 'Unable to connect to Plex server',
-  settingUpPlex: 'Setting up Plex',
+  settingUpPlex: 'Setting Up Plex',
   settingUpPlexDescription:
-    'To setup Plex you can enter your details manually, \
-    or choose from one of the available servers retrieved from <RegisterPlexTVLink>plex.tv</RegisterPlexTVLink>.\
-    Press the button next to the dropdown to retrieve available servers and check connectivity.',
+    'To set up Plex, you can either enter your details manually \
+    or select a server retrieved from <RegisterPlexTVLink>plex.tv</RegisterPlexTVLink>.\
+    Press the button to the right of the dropdown to check connectivity and retrieve available servers.',
   hostname: 'Hostname/IP',
   port: 'Port',
   ssl: 'SSL',
   timeout: 'Timeout',
   ms: 'ms',
   save: 'Save Changes',
-  saving: 'Saving...',
+  saving: 'Saving…',
   plexlibraries: 'Plex Libraries',
   plexlibrariesDescription:
-    'These are the libraries Overseerr will scan for titles. If you see no libraries listed, you will need to run at least one sync by clicking the button below. You must first configure and save your plex connection settings before you will be able to retrieve your libraries.',
+    'The libraries Overseerr scans for titles. Set up and save your Plex connection settings, then click the button below if no libraries are listed.',
   syncing: 'Syncing',
   sync: 'Sync Plex Libraries',
   manualscan: 'Manual Library Scan',
   manualscanDescription:
-    "Normally, this will only be run once every 24 hours. Overseerr will check your Plex server's recently added more aggressively. If this is your first time configuring Plex, a one time full manual library scan is recommended!",
+    "Normally, this will only be run once every 24 hours. Overseerr will check your Plex server's recently added more aggressively. If this is your first time configuring Plex, a one-time full manual library scan is recommended!",
   notrunning: 'Not Running',
   currentlibrary: 'Current Library: {name}',
   librariesRemaining: 'Libraries Remaining: {count}',
@@ -347,29 +348,6 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
           return (
             <form onSubmit={handleSubmit}>
               <div className="mt-6 sm:mt-5">
-                <div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800">
-                  <label
-                    htmlFor="name"
-                    className="block text-sm font-medium leading-5 text-gray-400 sm:mt-px"
-                  >
-                    <FormattedMessage {...messages.servername} />
-                  </label>
-                  <div className="mt-1 sm:mt-0 sm:col-span-2">
-                    <div className="flex max-w-lg rounded-md shadow-sm">
-                      <input
-                        type="text"
-                        id="name"
-                        name="name"
-                        placeholder={intl.formatMessage(
-                          messages.servernamePlaceholder
-                        )}
-                        value={data?.name}
-                        readOnly
-                        className="flex-1 block w-full min-w-0 transition duration-150 ease-in-out bg-gray-700 border border-gray-500 rounded-md form-input sm:text-sm sm:leading-5"
-                      />
-                    </div>
-                  </div>
-                </div>
                 <div className="mt-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800">
                   <label
                     htmlFor="preset"
@@ -455,6 +433,36 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
                     </div>
                   </div>
                 </div>
+                <div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800">
+                  <label
+                    htmlFor="name"
+                    className="block text-sm font-medium leading-5 text-gray-400 sm:mt-px"
+                  >
+                    <div className="flex flex-col">
+                      <span className="mr-2">
+                        <FormattedMessage {...messages.servername} />
+                      </span>
+                      <span className="text-gray-500">
+                        <FormattedMessage {...messages.servernameTip} />
+                      </span>
+                    </div>
+                  </label>
+                  <div className="mt-1 sm:mt-0 sm:col-span-2">
+                    <div className="flex max-w-lg rounded-md shadow-sm">
+                      <input
+                        type="text"
+                        id="name"
+                        name="name"
+                        placeholder={intl.formatMessage(
+                          messages.servernamePlaceholder
+                        )}
+                        value={data?.name}
+                        readOnly
+                        className="flex-1 block w-full min-w-0 transition duration-150 ease-in-out bg-gray-700 border border-gray-500 rounded-md form-input sm:text-sm sm:leading-5"
+                      />
+                    </div>
+                  </div>
+                </div>
                 <div>
                   <div>
                     <div className="mt-6 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800">

src/components/Settings/SettingsServices.tsx

@@ -18,10 +18,10 @@ import Alert from '../Common/Alert';
 const messages = defineMessages({
   radarrsettings: 'Radarr Settings',
   radarrSettingsDescription:
-    'Configure your Radarr connection below. You can have multiple Radarr configurations but only two can be active as defaults at any time (one for standard HD and one for 4K). Administrators can override which server will be used when a new request is made.',
+    'Configure your Radarr connection below. You can have multiple Radarr configurations but only two can be active as defaults at any time (one for standard HD and one for 4K). Administrators can override the server will be used when a new request is made.',
   sonarrsettings: 'Sonarr Settings',
   sonarrSettingsDescription:
-    'Configure your Sonarr connection below. You can have multiple Sonarr configurations but only two can be active as defaults at any time (one for standard HD and one for 4K). Administrators can override which server will be used when a new request is made.',
+    'Configure your Sonarr connection below. You can have multiple Sonarr configurations but only two can be active as defaults at any time (one for standard HD and one for 4K). Administrators can override the server will be used when a new request is made.',
   deleteserverconfirm: 'Are you sure you want to delete this server?',
   edit: 'Edit',
   delete: 'Delete',

src/components/Settings/SonarrModal/index.tsx

@@ -17,13 +17,13 @@ const messages = defineMessages({
   validationApiKeyRequired: 'You must provide an API key',
   validationRootFolderRequired: 'You must select a root folder',
   validationProfileRequired: 'You must select a profile',
-  toastRadarrTestSuccess: 'Sonarr connection established!',
-  toastRadarrTestFailure: 'Failed to connect to Sonarr Server',
-  saving: 'Saving...',
+  toastSonarrTestSuccess: 'Sonarr connection established!',
+  toastSonarrTestFailure: 'Failed to connect to Sonarr.',
+  saving: 'Saving…',
   save: 'Save Changes',
   add: 'Add Server',
   test: 'Test',
-  testing: 'Testing...',
+  testing: 'Testing…',
   defaultserver: 'Default Server',
   servername: 'Server Name',
   servernamePlaceholder: 'A Sonarr Server',
@@ -31,7 +31,7 @@ const messages = defineMessages({
   port: 'Port',
   ssl: 'SSL',
   apiKey: 'API Key',
-  apiKeyPlaceholder: 'Your Sonarr API Key',
+  apiKeyPlaceholder: 'Your Sonarr API key',
   baseUrl: 'Base URL',
   baseUrlPlaceholder: 'Example: /sonarr',
   qualityprofile: 'Quality Profile',
@@ -40,12 +40,12 @@ const messages = defineMessages({
   animerootfolder: 'Anime Root Folder',
   seasonfolders: 'Season Folders',
   server4k: '4K Server',
-  selectQualityProfile: 'Select a Quality Profile',
-  selectRootFolder: 'Select a Root Folder',
+  selectQualityProfile: 'Select quality profile',
+  selectRootFolder: 'Select root folder',
   loadingprofiles: 'Loading quality profiles…',
-  testFirstQualityProfiles: 'Test your connection to load quality profiles',
+  testFirstQualityProfiles: 'Test connection to load quality profiles',
   loadingrootfolders: 'Loading root folders…',
-  testFirstRootFolders: 'Test your connection to load root folders',
+  testFirstRootFolders: 'Test connection to load root folders',
 });
 
 interface TestResponse {

src/components/Setup/index.tsx

@@ -13,7 +13,7 @@ import LanguagePicker from '../Layout/LanguagePicker';
 
 const messages = defineMessages({
   finish: 'Finish Setup',
-  finishing: 'Finishing...',
+  finishing: 'Finishing…',
   continue: 'Continue',
   loginwithplex: 'Login with Plex',
   configureplex: 'Configure Plex',

src/components/Slider/index.tsx

@@ -11,7 +11,7 @@ import TitleCard from '../TitleCard';
 import { defineMessages, FormattedMessage } from 'react-intl';
 
 const messages = defineMessages({
-  noresults: 'No Results',
+  noresults: 'No results.',
 });
 
 interface SliderProps {

src/components/TvDetails/TvRecommendations.tsx

@@ -12,7 +12,7 @@ import useSettings from '../../hooks/useSettings';
 
 const messages = defineMessages({
   recommendations: 'Recommendations',
-  recommendationssubtext: 'If you liked {title}, you might also like...',
+  recommendationssubtext: 'If you liked {title}, you might also like…',
 });
 
 interface SearchResult {

src/components/TvDetails/index.tsx

@@ -50,13 +50,13 @@ const messages = defineMessages({
   available: 'Available',
   unavailable: 'Unavailable',
   pending: 'Pending',
-  overviewunavailable: 'Overview unavailable',
+  overviewunavailable: 'Overview unavailable.',
   manageModalTitle: 'Manage Series',
   manageModalRequests: 'Requests',
   manageModalNoRequests: 'No Requests',
   manageModalClearMedia: 'Clear All Media Data',
   manageModalClearMediaWarning:
-    'This will remove all media data including all requests for this item. This action is irreversible. If this item exists in your Plex library, the media information will be recreated next sync.',
+    'This will irreversibly remove all data for this TV series, including any requests. If this item exists in your Plex library, the media information will be recreated during the next sync.',
   approve: 'Approve',
   decline: 'Decline',
   showtype: 'Show Type',

src/components/UserEdit/index.tsx

@@ -20,9 +20,9 @@ export const messages = defineMessages({
   email: 'Email',
   permissions: 'Permissions',
   save: 'Save',
-  saving: 'Saving...',
+  saving: 'Saving…',
   usersaved: 'User saved',
-  userfail: 'Something went wrong saving the user.',
+  userfail: 'Something went wrong while saving the user.',
 });
 
 const UserEdit: React.FC = () => {
@@ -75,7 +75,9 @@ const UserEdit: React.FC = () => {
             appearance: 'error',
             autoDismiss: true,
           });
-          throw new Error(`Something went wrong saving the user: ${e.message}`);
+          throw new Error(
+            `Something went wrong while saving the user: ${e.message}`
+          );
         } finally {
           revalidate();
         }

src/components/UserList/index.tsx

@@ -23,10 +23,10 @@ import BulkEditModal from './BulkEditModal';
 
 const messages = defineMessages({
   userlist: 'User List',
-  importfromplex: 'Import Users From Plex',
-  importfromplexerror: 'Something went wrong importing users from Plex',
+  importfromplex: 'Import Users from Plex',
+  importfromplexerror: 'Something went wrong while importing users from Plex.',
   importedfromplex:
-    '{userCount, plural, =0 {No new users} one {# new user} other {# new users}} imported from Plex',
+    '{userCount, plural, =0 {No new users} one {# new user} other {# new users}} imported from Plex.',
   username: 'Username',
   totalrequests: 'Total Requests',
   usertype: 'User Type',
@@ -41,7 +41,7 @@ const messages = defineMessages({
   plexuser: 'Plex User',
   deleteuser: 'Delete User',
   userdeleted: 'User deleted',
-  userdeleteerror: 'Something went wrong deleting the user',
+  userdeleteerror: 'Something went wrong while deleting the user.',
   deleteconfirm:
     'Are you sure you want to delete this user? All existing request data from this user will be removed.',
   localuser: 'Local User',
@@ -49,16 +49,16 @@ const messages = defineMessages({
   createuser: 'Create User',
   creating: 'Creating',
   create: 'Create',
-  validationemailrequired: 'Must enter a valid email address.',
+  validationemailrequired: 'Must enter a valid email address',
   validationpasswordminchars:
-    'Password is too short - should be 8 chars minimum.',
-  usercreatedfailed: 'Something went wrong when trying to create the user',
-  usercreatedsuccess: 'Successfully created the user',
+    'Password is too short; should be a minimum of 8 characters',
+  usercreatedfailed: 'Something went wrong while creating the user.',
+  usercreatedsuccess: 'User created successfully!',
   email: 'Email Address',
   password: 'Password',
-  passwordinfo: 'Password Info',
+  passwordinfo: 'Password Information',
   passwordinfodescription:
-    'Email notification settings need to be enabled and setup in order to use the auto generated passwords',
+    'Email notifications need to be configured and enabled in order to automatically generate passwords.',
   autogeneratepassword: 'Automatically generate password',
 });