User avatar URL is incorrect in mobile menu #5603

7 Answer(s)

• 

  0

  maliming created 8 months ago

  Support Team Fullstack Developer

  hi

  Can you use the latest 2.3.2 as Leptonx package version for all projects?

  Save Cancel
• 

  0

  phil@travelengine.com.au created 8 months ago

  It was showing something weird there as the version (2.3.-) so I have updated specifically to 2.3.2 as requested.

  However, the behaviour is the same.

  Save Cancel
• 

  0

  maliming created 8 months ago

  Support Team Fullstack Developer

  hi

  I will fix this. You can override the MobileNavbarViewComponent to solve it now.

  using Microsoft.AspNetCore.Mvc;
  using Microsoft.Extensions.Options;
  using System.Linq;
  using System.Threading.Tasks;
  using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX.Navigation;
  using Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared.Toolbars;
  using Volo.Abp.LeptonX.Shared;
  using Volo.Abp.UI.Navigation;
  using Volo.Abp.Users;
  
  namespace Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX.Themes.LeptonX.Components.SideMenu.MobileNavbar;
  
  public class MobileNavbarViewComponent : LeptonXViewComponentBase
  {
      protected IMenuManager MenuManager { get; }
  
      protected ICurrentUser CurrentUser { get; }
  
      protected IToolbarManager ToolbarManager { get; }
  
  	protected MenuViewModelProvider MenuViewModelProvider { get; }
      public LeptonXThemeMvcOptions Options { get; }
  
      public MobileNavbarViewComponent(
          IMenuManager menuManager,
          ICurrentUser currentUser,
          IToolbarManager toolbarManager,
          MenuViewModelProvider menuViewModelProvider,
          IOptions<LeptonXThemeMvcOptions> options)
      {
          MenuManager = menuManager;
          CurrentUser = currentUser;
          ToolbarManager = toolbarManager;
          MenuViewModelProvider = menuViewModelProvider;
          Options = options.Value;
      }
  
      public virtual async Task<IViewComponentResult> InvokeAsync()
      {
          var mainMenu = await MenuViewModelProvider.GetMenuViewModelAsync();
  
          var toolbar = await ToolbarManager.GetAsync(StandardToolbars.Main);
          var leptonxToolbar = await ToolbarManager.GetAsync(LeptonXToolbars.MainMobile);
  
          toolbar.Items.AddRange(leptonxToolbar.Items);
  
          return View("~/Themes/LeptonX/Components/SideMenu/MobileNavbar/Default.cshtml", new MobileNavbarViewModel
          {
              UserMenu = await MenuManager.GetAsync(StandardMenus.User),
              ProfileImageUrl = $"/api/account/profile-picture-file/{CurrentUser.Id}",
              SelectedMenuItems = Options.MobileMenuSelector(mainMenu.Items.AsReadOnly()).Take(2).ToList(),
              Toolbar = toolbar
          });
      }
  }
  
  

  Save Cancel
• 

  0

  maliming created 8 months ago

  Support Team Fullstack Developer

  Your question credit has been refunded.

  Save Cancel
• 

  0

  phil@travelengine.com.au created 8 months ago

  Thanks. I have put this into /Themes/LeptonX/Components/SideMenu/MobileNavbar/MobileNavbarViewComponent.cs but it does not appear to be overriding the problem code.

  Save Cancel
• 

  0

  maliming created 8 months ago

  Support Team Fullstack Developer

  hi

  Can you try this?

  [Dependency(ReplaceServices = true)]
  [ExposeServices(typeof(MyMobileNavbarViewComponent), typeof(MobileNavbarViewComponent))]
  public class MyMobileNavbarViewComponent : MobileNavbarViewComponent
  {
      public MyMobileNavbarViewComponent(IMenuManager menuManager, 
          ICurrentUser currentUser,
          IToolbarManager toolbarManager,
          MenuViewModelProvider menuViewModelProvider,
          IOptions<LeptonXThemeMvcOptions> options) 
          : base(menuManager, currentUser, toolbarManager, menuViewModelProvider, options)
      {
      }
  
      public override async Task<IViewComponentResult> InvokeAsync()
      {
          var mainMenu = await MenuViewModelProvider.GetMenuViewModelAsync();
  
          var toolbar = await ToolbarManager.GetAsync(StandardToolbars.Main);
          var leptonxToolbar = await ToolbarManager.GetAsync(LeptonXToolbars.MainMobile);
  
          toolbar.Items.AddRange(leptonxToolbar.Items);
  
          return View("~/Themes/LeptonX/Components/SideMenu/MobileNavbar/Default.cshtml", new MobileNavbarViewModel
          {
              UserMenu = await MenuManager.GetAsync(StandardMenus.User),
              ProfileImageUrl = $"/api/account/profile-picture-file/{CurrentUser.Id}",
              SelectedMenuItems = Options.MobileMenuSelector(mainMenu.Items.AsReadOnly()).Take(2).ToList(),
              Toolbar = toolbar
          });
      }
  }
  

  Save Cancel
• 

  0

  phil@travelengine.com.au created 8 months ago

  Yep. That fixed it. Thanks!

  Save Cancel

  1