working on changing navigation

Management.Web/Pages/Course.razor

@@ -0,0 +1,21 @@
+@page "/course/{CourseName}"
+@using CanvasModel.EnrollmentTerms
+@using Management.Web.Shared.Course
+@using Management.Web.Shared.Module.Assignment.Templates
+@using Management.Web.Shared.Semester
+@using CanvasModel.Courses
+@using Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage
+@using LocalModels
+@using Management.Web.Shared.Module.Assignment
+@using Management.Web.Shared.Components
+
+@inject CanvasService canvas
+@inject CoursePlanner planner
+
+@code {
+  [Parameter]
+  public string CourseName { get; set; }
+
+}
+
+@planner.LocalCourse?.Name

Management.Web/Pages/Index.razor

@@ -13,8 +13,7 @@
 @inject CoursePlanner planner
 
 
-@code
-{
+@code {
   private bool showNewFile { get; set; } = false;
   protected override void OnInitialized()
   {

Management.Web/Shared/CurrentFiles.razor

@@ -2,6 +2,8 @@
 
 @inject YamlManager yamlManager
 @inject CoursePlanner planner
+@inject NavigationManager Navigation
+@inject ILogger<CurrentFiles> logger
 
 @code
 {
@@ -13,6 +15,13 @@
     localCourses = await yamlManager.LoadSavedCourses();
   }
 
+  void handleClick(MouseEventArgs e, LocalCourse course)
+  {
+    logger.LogInformation("here");
+    planner.LocalCourse = course;
+    Navigation.NavigateTo("/course/" + course.Name); 
+  }
+
 }
 
 <div class="text-center">
@@ -21,14 +30,22 @@
     <h3 >Stored Courses</h3>
     @foreach (var course in localCourses)
     {
+      var location = "/course/" + course.Name;
       <div>
         <h4 
           class="m-3 hover-underline-animation"  
-          @onclick="() => planner.LocalCourse = course" 
+          @onclick="(e) => handleClick(e, course)" 
           role='button'
         >
           @course.Name
         </h4>
+        @* <h4
+          @onclick="(e) => handleClick(e, course)" 
+          role='button'
+        >
+          @course.Name
+        </h4> *@
+
       </div>
     }
   }