feat: cleanup assessmentsOverview

src/plugins/built-in/assessmentsOverview/index.ts

@@ -14,7 +14,7 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
   disableToggle: false,
   styles,
 
-  run: async (api) => {
+  run: async () => {
     const menu = (await waitForElm('[data-key="assessments"] > .sub > ul', true, 100, 60)) as HTMLElement;
     const gridItem = document.createElement('li');
     gridItem.className = 'item';
@@ -55,7 +55,7 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
       try {
         const data = await getAssessmentsData();
         const { renderGrid } = await import('./ui');
-        renderGrid(container, data, api);
+        renderGrid(container, data);
       } catch (err) {
         console.error('Failed to load assessments:', err);
         renderErrorState(container, err instanceof Error ? err.message : 'Unknown error');

src/plugins/built-in/assessmentsOverview/styles.css

@@ -325,22 +325,18 @@
 /* Column-specific styling */
 .column-upcoming .column-header {
   background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
-  border-left: 4px solid #3b82f6;
 }
 
 .column-due-soon .column-header {
   background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
-  border-left: 4px solid #f59e0b;
 }
 
 .column-overdue .column-header {
   background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%);
-  border-left: 4px solid #ef4444;
 }
 
 .column-marked .column-header {
   background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
-  border-left: 4px solid #10b981;
 }
 
 /* Dark mode column headers */

src/plugins/built-in/assessmentsOverview/ui.ts

@@ -22,14 +22,14 @@ let currentFilters: FilterOptions = {
   sortBy: 'due'
 };
 
-export function renderGrid(container: HTMLElement, data: any, api?: any) {
+export function renderGrid(container: HTMLElement, data: any) {
   container.innerHTML = '';
   container.className = '';
   container.id = 'grid-view-container';
   
   const header = document.createElement('div');
   header.className = 'grid-view-header';
-  header.innerHTML = `
+  header.innerHTML = /* html */`
     <h1 class="grid-view-title">Assessments</h1>
     <div class="grid-view-filters">
       <select class="filter-select" id="subject-filter">
@@ -105,10 +105,10 @@ export function renderGrid(container: HTMLElement, data: any, api?: any) {
       return;
     }
 
-    renderKanbanBoard(contentArea, filteredAssessments, data, api);
+    renderKanbanBoard(contentArea, filteredAssessments, data);
   }
 
-  function renderKanbanBoard(container: HTMLElement, assessments: any[], data: any, api?: any) {
+  function renderKanbanBoard(container: HTMLElement, assessments: any[], data: any) {
     // Group assessments by status
     const statusGroups = {
       'UPCOMING': [] as any[],
@@ -184,7 +184,7 @@ export function renderGrid(container: HTMLElement, data: any, api?: any) {
         `;
       } else {
         assessmentList.forEach(assessment => {
-          cardsContainer.appendChild(createKanbanCard(assessment, data.colors[assessment.code] || '#6366f1', api));
+          cardsContainer.appendChild(createKanbanCard(assessment, data.colors[assessment.code] || '#6366f1'));
         });
       }
 
@@ -195,7 +195,7 @@ export function renderGrid(container: HTMLElement, data: any, api?: any) {
     container.appendChild(board);
   }
 
-  function createKanbanCard(assessment: any, color: string, api?: any): HTMLElement {
+  function createKanbanCard(assessment: any, color: string): HTMLElement {
     const status = determineStatus(assessment);
     const dueDateClass = getDueDateClass(assessment);
 
@@ -211,11 +211,13 @@ export function renderGrid(container: HTMLElement, data: any, api?: any) {
         ${assessment.submitted ? '<span class="card-label label-submitted" style="background: #10b981; color: white;">Submitted</span>' : ''}
       </div>
       <h3 class="assessment-title">${assessment.title}</h3>
+      ${!assessment.results ? `
       <div class="assessment-meta">
         <div class="due-date ${dueDateClass}">
           📅 ${formatDate(assessment.due, assessment.submitted)}
         </div>
       </div>
+      ` : ''}
       ${assessment.results
         ? /* html */`
         <div class="card-footer">
@@ -223,7 +225,7 @@ export function renderGrid(container: HTMLElement, data: any, api?: any) {
             <div style="width: ${assessment.results.percentage}%" class="Thermoscore__fill___ojxDI">
               <div title="${assessment.results.percentage}%" class="Thermoscore__text___XSR_M">
                 ${(() => {
-                  const allSettings = settingsState.getAll();
+                  const allSettings = settingsState.getAll() as unknown as any;
                   const letterGradeSetting = allSettings['plugin.assessments-average.settings']?.lettergrade;
                   return letterGradeSetting 
                     ? percentageToLetter(assessment.results.percentage)

src/plugins/built-in/assessmentsOverview/utils.ts

@@ -19,7 +19,9 @@ export function formatDate(dateStr: string, submitted?: boolean): string {
   
   // If it's within a week
   if (diffDays <= 7) {
-    return d.toLocaleDateString(undefined, { weekday: 'long' });
+    const weekdayName = d.toLocaleDateString(undefined, { weekday: 'long' });
+    // If it's in the past, add "Last" prefix
+    return diffDays < 0 ? `Last ${weekdayName}` : weekdayName;
   }
   
   // Otherwise show full date