fix(Dashboard): adjust how the navigation links are marked active

Signed-off-by: Jean-Baptiste Bianchi <[email protected]>

Author: JBBianchi

src/dashboard/Synapse.Dashboard/Layout/MainLayout.razor

@@ -46,24 +46,24 @@
                                     </NavLink>
                                 </li>
                                 <li>
-                                    <NavLink class="nav-link" href="workflow-instances" Match="NavLinkMatch.All">
+                                    <NavLink class="nav-link" href="workflow-instances" Match="NavLinkMatch.Prefix">
                                         <span class="btn-label">Instances</span>
                                     </NavLink>
                                 </li>
                             </ul>
                         </div>
                         <li class="nav-item">
-                            <NavLink class="nav-link" href="functions" Match="NavLinkMatch.All">
+                            <NavLink class="nav-link" href="functions" Match="NavLinkMatch.Prefix">
                                 <span class="btn-label">Functions</span>
                             </NavLink>
                         </li>
                         <li class="nav-item">
-                            <NavLink class="nav-link" href="correlations" Match="NavLinkMatch.All">
+                            <NavLink class="nav-link" href="correlations" Match="NavLinkMatch.Prefix">
                                 <span class="btn-label">Correlations</span>
                             </NavLink>
                         </li>
                         <li class="nav-item">
-                            <NavLink class="nav-link" href="namespaces" Match="NavLinkMatch.All">
+                            <NavLink class="nav-link" href="namespaces" Match="NavLinkMatch.Prefix">
                                 <span class="btn-label">Namespaces</span>
                             </NavLink>
                         </li>
@@ -74,17 +74,17 @@
                                 </button>
                                 <ul class="dropdown-menu" aria-labelledby="servicesDropdownButton">
                                     <li>
-                                        <NavLink class="nav-link" href="correlators" Match="NavLinkMatch.All">
+                                        <NavLink class="nav-link" href="correlators" Match="NavLinkMatch.Prefix">
                                             <span class="btn-label">Correlators</span>
                                         </NavLink>
                                     </li>
                                     <li>
-                                        <NavLink class="nav-link" href="operators" Match="NavLinkMatch.All">
+                                        <NavLink class="nav-link" href="operators" Match="NavLinkMatch.Prefix">
                                             <span class="btn-label">Operators</span>
                                         </NavLink>
                                     </li>
                                     <li>
-                                        <NavLink class="nav-link" href="service-accounts" Match="NavLinkMatch.All">
+                                        <NavLink class="nav-link" href="service-accounts" Match="NavLinkMatch.Prefix">
                                             <span class="btn-label">Accounts</span>
                                         </NavLink>
                                     </li>

src/dashboard/Synapse.Dashboard/Pages/Correlators/List/View.razor

@@ -14,7 +14,7 @@
     limitations under the License.
 *@
 
-@page "/correlators"
+@page "/correlators/{namespace?}/{name?}"
 @attribute [Authorize]
 @namespace Synapse.Dashboard.Pages.Correlators.List
 @inherits NamespacedResourceManagementComponent<Correlator>