data types are better

Management.Web/Shared/Module/ModuleDetail.razor

@@ -2,39 +2,30 @@
 @inject CoursePlanner configurationManagement
 
 @code {
-    [Parameter, EditorRequired]
-    public int ModuleIndex { get; set; }
+  [Parameter, EditorRequired]
+  public CourseModule Module { get; set; } = default!;
 
   private bool showAddAssignment { get; set; } = false;
 
-  private CourseModule? module
-  {
-    get
-    {
-      return configurationManagement.Modules.ElementAtOrDefault(ModuleIndex);
-    }
-  }
 }
 
-@if (module != null)
+
+<h3 class="text-center">@Module.Name</h3>
+<button class="btn btn-primary" @onclick="() => showAddAssignment = true">Add Assignment</button>
+@if (showAddAssignment)
 {
-    <h3 class="text-center">@module.Name</h3>
-    <button class="btn btn-primary" @onclick="() => showAddAssignment = true">Add Assignment</button>
-    @if (showAddAssignment)
-    {
-      <div class="ms-5 ">
-        <div class="bg-light border rounded m-3 p-3">
-          <NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
-        </div>
-      </div>
-    }
+  @* <div class="ms-5 ">
+    <div class="bg-light border rounded m-3 p-3">
+      <NewAssignment ModuleIndex="ModuleIndex" OnSubmit="() => showAddAssignment = false" />
+    </div>
+  </div> *@
+}
 
-    <h5>Assignments</h5>
-    <div class="row">
+<h5>Assignments</h5>
+<div class="row">
 
-    @foreach (var a in module.Assignments)
-    {
-      <AssignmentCard assignment="a" />
-    }
-  </div>
-}
+@* @foreach (var a in module.Assignments)
+{
+  <AssignmentCard assignment="a" />
+} *@
+</div>

Management.Web/Shared/Module/Modules.razor

@@ -34,10 +34,10 @@ else
   <NewModule OnSubmit="() => showNewModule = false" />
 }
 
-@foreach (var i in configurationManagement.Modules.Select((_value, i) => i))
+@foreach (var module in configurationManagement.Modules)
 {
   <hr>
-  <ModuleDetail ModuleIndex="i" />
+  <ModuleDetail Module="module" />
 }
 
 <hr>

Management.Web/Shared/Module/NewModule.razor

@@ -1,4 +1,5 @@
-@inject CoursePlanner configurationManagement
+@inject CoursePlanner planner
+@inject CanvasService canvas
 
 @code {
 
@@ -11,8 +12,11 @@
 
   private async Task submitHandler()
   {
-    var module = new CourseModule(Name: Name, Assignments: new LocalAssignment[] { });
-    configurationManagement.Modules = configurationManagement.Modules.Append(module);
+    if(planner.Course != null && Name != "")
+    {
+      await canvas.CreateModule(planner.Course.Id, Name);
+      planner.Modules = await canvas.GetModules(planner.Course.Id);
+    }
     Name = "";
     await OnSubmit.InvokeAsync();
   }