working on canvas sync

Management.Web/Shared/Module/Assignment/AssignmentDetails.razor

@@ -48,6 +48,7 @@
       minute: planner.LocalCourse.DefaultDueTime.Minute,
       second: 0
     );
+
     var moduleWithUpdatedAssignment = currentModule with 
     {
       Assignments = currentModule.Assignments.Select(a => 
@@ -114,6 +115,13 @@
     dragContainer.DropCallback = null;
   }
 
+  private bool isSyncedWithCanvas => 
+    planner
+    .CanvasAssignments?
+    .FirstOrDefault(
+      a => a.Id == Assignment.canvasId
+    ) != null;
+
 }
 
 <div 
@@ -130,7 +138,15 @@
         <h4 class="text-center">
           @Assignment.name
         </h4>
-      </div>
+        @if(isSyncedWithCanvas)
+        {
+          <div>Synced With Canvas</div>
+        }
+        else
+        {
+          <div>Not Synced with Canvas</div>
+        }
+       </div>
       <div class="card-text">
         <div class="row">
           <div class="col">

Management.Web/Shared/Module/ModuleDetail.razor

@@ -44,6 +44,12 @@
     }
     dragContainer.DropCallback?.Invoke(null, Module);
   }
+
+  private bool isSyncedWithCanvas => planner
+    .CanvasModules?
+    .FirstOrDefault(
+      cm => cm.Id == Module.CanvasId
+    ) != null;
 }
 
 <div 
@@ -53,18 +59,29 @@
   @ondragleave="OnDragLeave"
   ondragover="event.preventDefault();"
 >
-
-  <h2 class="@("accordion-header ")">
+  <h2 class="accordion-header">
     <button 
       class="accordion-button" 
       type="button" 
       data-bs-toggle="collapse" 
       data-bs-target="@("#" + accordionId)" 
-      aria-expanded="true" 
       aria-controls="@accordionId"
     >
-      @Module.Name
+    <div class="w-100 d-flex justify-content-between pe-3">
+      <div>
+        @Module.Name
+      </div>
+      @if(isSyncedWithCanvas)
+      {
+        <div>in canvas</div>
+      }
+      else
+      {
+        <div>not in canvas</div>
+      }
+    </div>
     </button>
+    
   </h2>
   <div 
     id="@accordionId"