@rpg-engine/long-bow 0.8.75 → 0.8.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.75",
+  "version": "0.8.77",
   "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]);
 
@@ -124,8 +137,8 @@ export const DailyTasks: React.FC<IDailyTasksProps> = ({
       onCloseButton={onClose}
       cancelDrag=".tasks-container"
       scale={scale}
-      width={isMobile ? '100vw' : 'max(50vw, 900px)'}
-      height={isMobile ? '100vh' : 'min(85vh, 800px)'}
+      width={'max(50vw, 900px)'}
+      height={'min(85vh, 800px)'}
       isMobile={isMobile}
     >
       <TaskTitle isMobile={isMobile}>Daily Tasks</TaskTitle>
@@ -197,20 +210,8 @@ export const DailyTasks: React.FC<IDailyTasksProps> = ({
 };
 
 const TasksContainer = styled(DraggableContainer) <{ isMobile: boolean }>`
-  ${props => props.isMobile ? `
-    position: fixed !important;
-    top: 0 !important;
-    left: 0 !important;
-    right: 0 !important;
-    bottom: 0 !important;
-    width: 100vw !important;
-    height: 100vh !important;
-    margin: 0 !important;
-    z-index: 1000 !important;
-  ` : `
-    margin: 0 auto;
-    min-width: 50vw;
-  `}
+  margin: 0 auto;
+  min-width: 50vw;
 
   .rpgui-container-title {
     width: 100%;
@@ -225,11 +226,6 @@ const TasksContainer = styled(DraggableContainer) <{ isMobile: boolean }>`
     padding: 0 !important;
     overflow: hidden !important;
     background-color: rgba(30, 30, 30, 0.98) !important;
-    ${props => props.isMobile ? `
-      border-radius: 0 !important;
-      height: 100vh !important;
-      width: 100vw !important;
-    ` : ''}
   }
 `;
 
@@ -249,7 +245,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;