From d7608726f1bd6a57151dd2910206b7b39baf8f9c Mon Sep 17 00:00:00 2001 From: Sean Edmunds Date: Fri, 6 Feb 2026 15:25:33 -0600 Subject: [PATCH] Updated help strings --- src/components/SettingsHeader.tsx | 3 +++ src/pages/settings/components/Applications/Applications.tsx | 2 +- src/pages/settings/components/Bookmarks/Bookmarks.tsx | 3 ++- .../settings/components/GuacamoleClients/GuacamoleClients.tsx | 3 ++- src/pages/settings/components/Messages/Messages.tsx | 2 +- .../settings/components/Personalization/Personalization.tsx | 2 +- src/pages/settings/components/Search/SearchHistory.tsx | 2 +- src/pages/settings/components/Search/SearchProviders.tsx | 2 +- src/pages/settings/components/Theming/Themes/Themes.tsx | 4 ++-- 9 files changed, 14 insertions(+), 9 deletions(-) diff --git a/src/components/SettingsHeader.tsx b/src/components/SettingsHeader.tsx index 8287594..8a2b00e 100644 --- a/src/components/SettingsHeader.tsx +++ b/src/components/SettingsHeader.tsx @@ -103,6 +103,9 @@ export function SettingsHeader({ WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', }} + style={{ + whiteSpace: 'pre-wrap', + }} > {tooltip.description} diff --git a/src/pages/settings/components/Applications/Applications.tsx b/src/pages/settings/components/Applications/Applications.tsx index ffd8262..f2f2c7a 100644 --- a/src/pages/settings/components/Applications/Applications.tsx +++ b/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} diff --git a/src/pages/settings/components/Bookmarks/Bookmarks.tsx b/src/pages/settings/components/Bookmarks/Bookmarks.tsx index 9b01317..cb45d7f 100644 --- a/src/pages/settings/components/Bookmarks/Bookmarks.tsx +++ b/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} diff --git a/src/pages/settings/components/GuacamoleClients/GuacamoleClients.tsx b/src/pages/settings/components/GuacamoleClients/GuacamoleClients.tsx index b6ea62a..0b6f77b 100644 --- a/src/pages/settings/components/GuacamoleClients/GuacamoleClients.tsx +++ b/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} diff --git a/src/pages/settings/components/Messages/Messages.tsx b/src/pages/settings/components/Messages/Messages.tsx index 5b74ea1..b265422 100644 --- a/src/pages/settings/components/Messages/Messages.tsx +++ b/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} diff --git a/src/pages/settings/components/Personalization/Personalization.tsx b/src/pages/settings/components/Personalization/Personalization.tsx index 0f6cb27..830b9a5 100644 --- a/src/pages/settings/components/Personalization/Personalization.tsx +++ b/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={() => {}} diff --git a/src/pages/settings/components/Search/SearchHistory.tsx b/src/pages/settings/components/Search/SearchHistory.tsx index fa9d643..fcbf833 100644 --- a/src/pages/settings/components/Search/SearchHistory.tsx +++ b/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} diff --git a/src/pages/settings/components/Search/SearchProviders.tsx b/src/pages/settings/components/Search/SearchProviders.tsx index 9fbaab5..9a242f4 100644 --- a/src/pages/settings/components/Search/SearchProviders.tsx +++ b/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} diff --git a/src/pages/settings/components/Theming/Themes/Themes.tsx b/src/pages/settings/components/Theming/Themes/Themes.tsx index ab73f2f..04b33a6 100644 --- a/src/pages/settings/components/Theming/Themes/Themes.tsx +++ b/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}