diff --git a/help-beta/src/components/NavigationSteps.astro b/help-beta/src/components/NavigationSteps.astro index e998b6e2e7..6653d2c6bb 100644 --- a/help-beta/src/components/NavigationSteps.astro +++ b/help-beta/src/components/NavigationSteps.astro @@ -307,14 +307,18 @@ const relative_link_mapping: Record< }, }; -const getSettingsMarkdown = (setting_type: string, setting_name: string) => ` +const getSettingsMarkdown = ( + setting_type: string, + setting_type_icon: string, + setting_name: string, +) => `
  1. Click on the gear (${RawGearIcon}) icon in the upper right corner of the web or desktop app.
  2. - Select ${setting_type}. + Select ${setting_type_icon} ${setting_type}.
  3. On the left, click ${setting_name}. @@ -330,7 +334,15 @@ const getSettingsHTML = ( setting_link_mapping[setting_key]!; if (!SHOW_RELATIVE_LINKS) { - return getSettingsMarkdown(setting_type, setting_name); + const setting_type_icon = + setting_type === ORGANIZATION_SETTINGS_TYPE + ? `${RawBuildingIcon}`.trim() + : `${RawToolIcon}`.trim(); + return getSettingsMarkdown( + setting_type, + setting_type_icon, + setting_name, + ); } const relativeLink = `${setting_name}`;