Navigation: Add create icons to expanded menu (#48768)

* add create icons to expanded menu

* update translations

pkg/api/index.go

@@ -546,7 +546,7 @@ func (hs *HTTPServer) buildAlertNavLinks(c *models.ReqContext) []*dtos.NavLink {
 		})
 
 		alertChildNavs = append(alertChildNavs, &dtos.NavLink{
-			Text: "Alert rule", SubTitle: "Create an alert rule", Id: "alert",
+			Text: "New alert rule", SubTitle: "Create an alert rule", Id: "alert",
 			Icon: "plus", Url: hs.Cfg.AppSubURL + "/alerting/new", HideFromTabs: true, ShowIconInNavbar: true,
 		})
 	}
@@ -595,7 +595,7 @@ func (hs *HTTPServer) buildCreateNavLinks(c *models.ReqContext) []*dtos.NavLink
 
 	if uaVisibleForOrg && hasAccess(ac.ReqSignedIn, ac.EvalAny(ac.EvalPermission(ac.ActionAlertingRuleCreate), ac.EvalPermission(ac.ActionAlertingRuleExternalWrite))) {
 		children = append(children, &dtos.NavLink{
-			Text: "Alert rule", SubTitle: "Create an alert rule", Id: "alert",
+			Text: "New alert rule", SubTitle: "Create an alert rule", Id: "alert",
 			Icon: "bell", Url: hs.Cfg.AppSubURL + "/alerting/new",
 		})
 	}

public/app/core/components/NavBar/Next/NavBarMenu.tsx

@@ -228,6 +228,7 @@ function NavItem({
                   key={`${link.text}-${childLink.text}`}
                   isActive={activeItem === childLink}
                   isDivider={childLink.divider}
+                  icon={childLink.showIconInNavbar ? (childLink.icon as IconName) : undefined}
                   onClick={() => {
                     childLink.onClick?.();
                     onClose();

public/app/core/components/NavBar/navBarItem-translations.ts

@@ -13,7 +13,7 @@ const TRANSLATED_MENU_ITEMS: Record<string, MessageDescriptor> = {
   'create-dashboard': defineMessage({ id: 'nav.create-dashboard', message: 'Dashboard' }),
   folder: defineMessage({ id: 'nav.create-folder', message: 'Folder' }),
   import: defineMessage({ id: 'nav.create-import', message: 'Import' }),
-  alert: defineMessage({ id: 'nav.create-alert', message: 'Alert rule' }),
+  alert: defineMessage({ id: 'nav.create-alert', message: 'New alert rule' }),
 
   dashboards: defineMessage({ id: 'nav.dashboards', message: 'Dashboards' }),
   'manage-dashboards': defineMessage({ id: 'nav.manage-dashboards', message: 'Browse' }),

public/locales/en/messages.po

@@ -68,7 +68,7 @@ msgstr "Create"
 
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.create-alert"
-msgstr "Alert rule"
+msgstr "New alert rule"
 
 #: public/app/core/components/NavBar/navBarItem-translations.ts
 msgid "nav.create-dashboard"