Updated help strings

src/components/SettingsHeader.tsx

@@ -103,6 +103,9 @@ export function SettingsHeader({
 									WebkitBackgroundClip: 'text',
 									WebkitTextFillColor: 'transparent',
 								}}
+								style={{
+									whiteSpace: 'pre-wrap',
+								}}
 							>
 								{tooltip.description}
 							</Highlight>

src/pages/settings/components/Applications/Applications.tsx

@@ -133,7 +133,7 @@ const ApplicationSettings = () => {
 						'filter',
 					],
 					description:
-						'Applications contain a name, base url, url, icon and filter. URLs can contain either http(s):// or not. Base URLs should start with /, otherwise they will cause errors.',
+						'Applications contain a name, base url, url, icon and filter. URLs can contain either http(s):// or not. Base URLs should start with /, otherwise they will cause errors.\n\nApplications that have been disabled will display a disabled icon on top of them.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/Bookmarks/Bookmarks.tsx

@@ -209,9 +209,10 @@ const BookmarkSettings = () => {
 						'Links',
 						'Category',
 						'Categories',
+						'Filter',
 					],
 					description:
-						'Bookmarks can only belong to a single category, and will be displayed under that category on the homepage.',
+						'Bookmarks can only belong to a single category, and will be displayed under that filter on the homepage.\n\nReordering the groups will change the order of the Custom filter on the homepage.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/GuacamoleClients/GuacamoleClients.tsx

@@ -201,7 +201,8 @@ const GuacamoleClients = () => {
 				tooltip={{
 					title: 'Guacamole clients can be configured here.',
 					highlightList: ['Clients', 'homepage', 'Guacamole'],
-					description: 'Clients can be connected to from the homepage.',
+					description:
+						'Clients can be connected to via the search bar on the homepage.\n\nThe name does not need to match a Guacamole host on the server, but is a convenient identifier inside your homepage. The Client Identifier must be the connection string from the guacamole server.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/Messages/Messages.tsx

@@ -75,7 +75,7 @@ const MessageSettings = () => {
 						'messages',
 					],
 					description:
-						'Built-in variables include $firstName and $lastName. To force the text to upper case, use a carat (^), ie, $^firstName. Messages may contain any unicode text.',
+						'Built-in variables include $firstName, $lastName, and $nickname. To force the text to upper case, use a carat (^), ie, $^firstName. Messages may contain any unicode text.\n\nMessages that have been disabled will not appear in the random rotation.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/Personalization/Personalization.tsx

@@ -76,7 +76,7 @@ const PersonalizationSettings = () => {
 						'physical address',
 					],
 					description:
-						'The first and last name, and nickname fields will be used for greetings, and the physical address field will be used for weather. The selected font will be used for all text unless the current theme has a font selected.',
+						'The first and last name, and nickname fields will be used for greetings, and the physical address field will be used for weather.\n\nThe selected font will be used for all text unless the current theme has a font selected.\n\nThe Wol and Guacamole switches will enable their respective features and enable the tabs. The Guacamole Host field should be the exact connection string used for your instance, eg. "https://guacamole.example.com/guacamole" including subpath and no trialing /.',
 				}}
 				searchValue={undefined}
 				setSearchValue={() => {}}

src/pages/settings/components/Search/SearchHistory.tsx

@@ -72,7 +72,7 @@ const SearchHistory = () => {
 						'All searches are stored in the database and can be found in this table.',
 					highlightList: ['searches', 'search', 'provider', 'prefix'],
 					description:
-						'Searches can be reviewed in the table on this page and can be deleted if necessary.',
+						'Searches can be reviewed in the table on this page and can be deleted if necessary.\n\nThe table can also be filtered on each of the columns on the table.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/Search/SearchProviders.tsx

@@ -264,7 +264,7 @@ const SearchProviderSettings = () => {
 					title: 'Search providers and shortcuts can be configured here.',
 					highlightList: ['providerData', 'search', 'provider', 'prefix'],
 					description:
-						'Providers can be used in the search bar. By starting a search with the prefix, it will be redirected to the url of the provider to complete the search.',
+						'Providers can be used in the search bar. By starting a search with the prefix, it will be redirected to the url of the provider to complete the search.\n\nThe default provider is Google, however, a custom search provider can be made the default. In this case /g will allow the user to search using Google.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}

src/pages/settings/components/Theming/Themes/Themes.tsx

@@ -128,9 +128,9 @@ export function Themes() {
 				title={'Themes'}
 				tooltip={{
 					title: 'Themes can be created here and applied to the homepage.',
-					highlightList: ['theme', 'themes', 'homepage', 'playlist'],
+					highlightList: ['theme', 'themes', 'homepage', 'playlist', 'playlists'],
 					description:
-						'Themes are combinations of 5 colors and a background image, and can be added to a playlist. If a theme has been disabled, it will only be disabled with random/shuffle is enabled. If a theme is part of a playlist, it will appear while the playlist is active, regardless of random/shuffle.',
+						'Themes are combinations of 5 colors and a background image, and can be added to a playlist. If a theme has been disabled, it will only be disabled with random/shuffle is enabled. If a theme is part of a playlist, it will appear while the playlist is active, regardless of random/shuffle.\n\nThemes can also have custom fonts that will override the user default found on the Personalization page.',
 				}}
 				searchValue={searchValue}
 				setSearchValue={setSearchValue}