moadiran/TaxPayerFull/Layout/PanelNavMenu.razor

<div class="menu-inner-shadow"></div>

<ul class="menu-inner py-1">
    <!-- Dashboard -->
    <li class="menu-item @cssActionItem[0]" @onclick="() => onClickcssActionItem(0)">
        <NavLink href="Panel" class="menu-link">
            <i class="menu-icon tf-icons bx bx-home-circle"></i>
            <div>داشبورد</div>
        </NavLink>
    </li>
    <!-- Layouts -->
    <li class="menu-header small text-uppercase">
        <span class="menu-header-text">سرویس ها</span>
    </li>
    <li class="menu-item @cssActionItem[1]" @onclick="() => onClickcssActionItem(1)">
        
        <NavLink href="Customer" class="menu-link">
            <i class="menu-icon tf-icons bx bx-crown"></i>
            <div>مشتری</div>
        </NavLink>
    </li>
    <li class="menu-item @cssActionItem[2]" @onclick="() => onClickcssActionItem(2)">
        <NavLink href="Cod" class="menu-link">
            <i class="menu-icon tf-icons bx bx-collection"></i>
            <div>کالا</div>
        </NavLink>
    </li>
    <li class="menu-item @cssActionItem[3]" @onclick="() => onClickcssActionItem(3)">
        <NavLink href="Invoice" class="menu-link">
            <i class="menu-icon tf-icons bx bx-detail"></i>
            <div>صورتحساب</div>
        </NavLink>
    </li>
    <li class="menu-item @cssActionItem[4]" @onclick="() => onClickcssActionItem(4)">
        <NavLink href="TaxPayer" class="menu-link">
            <i class="menu-icon tf-icons bx bx-copy"></i>
            <div>سامانه مودیان</div>
        </NavLink>
    </li>
    <!-- Misc -->
    <li class="menu-header small text-uppercase"><span class="menu-header-text">متفرقه</span></li>
    <li class="menu-item @cssActionItem[5]" @onclick="() => onClickcssActionItem(5)">
        <NavLink class="dropdown-item" href="Profile">
            <i class="bx bx-user me-2"></i>
            <span class="align-middle">پروفایل</span>
        </NavLink>
    </li>
    <li class="menu-item @cssActionItem[6]" @onclick="() => onClickcssActionItem(6)">
        <NavLink href="Ticket" class="menu-link">
            <i class="menu-icon tf-icons bx bx-support"></i>
            <div>پشتیبانی</div>
        </NavLink>
    </li>
  @*   <li class="menu-item @cssActionItem[6]" @onclick="() => onClickcssActionItem(6)">
        <NavLink href="#"  class="menu-link">
            <i class="menu-icon tf-icons bx bx-copy"></i>
            <div >سفارشات</div>
        </NavLink>
    </li> *@
    <li class="menu-item @cssActionItem[7]" @onclick="() => onClickcssActionItem(7)">
        <NavLink href="Setting" class="menu-link">
            <i class="menu-icon tf-icons bx bx-file"></i>
            <div>تنظیمات</div>
        </NavLink>
    </li>
   
    
</ul>
@code{
    string[] cssActionItem = { "active", "", "", "", "", "", "", "" };
   
}
@functions{

    private async Task onClickcssActionItem(int index)
    {
        
        for (int i = 0; i < cssActionItem.Length; i++)
        {
            if (i==index)
            {
                cssActionItem[i] = "active";
            }
            else
            {
                cssActionItem[i] = "";
            }
        }
    }
    }