@rpg-engine/long-bow 0.8.75 → 0.8.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.75",
+  "version": "0.8.76",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/DailyTasks/DailyTasks.tsx

@@ -108,13 +108,26 @@ export const DailyTasks: React.FC<IDailyTasksProps> = ({
       return matchesSearch && matchesStatus;
     });
 
-    // Sort with pinned tasks first
+    // Sort by relevance: pinned first, then by status (in progress, completed, not started)
     return filtered.sort((a, b) => {
       const aIsPinned = pinnedTasks.includes(a.key);
       const bIsPinned = pinnedTasks.includes(b.key);
+      
+      // Pinned tasks always come first
       if (aIsPinned && !bIsPinned) return -1;
       if (!aIsPinned && bIsPinned) return 1;
-      return 0;
+      
+      // If both are pinned or both are not pinned, sort by status priority
+      const statusPriority = {
+        [TaskStatus.InProgress]: 1,
+        [TaskStatus.Completed]: 2,
+        [TaskStatus.NotStarted]: 3,
+      };
+      
+      const aPriority = statusPriority[a.status] || 4;
+      const bPriority = statusPriority[b.status] || 4;
+      
+      return aPriority - bPriority;
     });
   }, [localTasks, searchQuery, selectedStatus, pinnedTasks]);
 
@@ -249,7 +262,7 @@ const TasksList = styled.div<{ isMobile: boolean }>`
   display: flex;
   flex-direction: column;
   gap: ${props => props.isMobile ? '8px' : '12px'};
-  padding: ${props => props.isMobile ? '8px' : '12px'};
+  padding: ${props => props.isMobile ? '8px 8px 40px 8px' : '12px 12px 40px 12px'};
   overflow-y: auto;
   flex: 1;
   background-color: transparent;