{
+ handleDragEnd();
+ onDragEnd(result);
+ }}
+ onDragStart={handleDragStart}
+ >
+
{visibleBoards.map((board) => {
const selectedInColumn = tasks[board].filter(task =>
selectedTasks.has(task.$id)
diff --git a/src/hooks/use-kanban-auto-scroll.ts b/src/hooks/use-kanban-auto-scroll.ts
new file mode 100644
index 00000000..6bb0f45e
--- /dev/null
+++ b/src/hooks/use-kanban-auto-scroll.ts
@@ -0,0 +1,93 @@
+"use client";
+
+/**
+ * useKanbanAutoScroll
+ *
+ * Provides edge-based horizontal auto-scroll for a Kanban board container
+ * while the user is dragging a card.
+ *
+ * Usage:
+ * 1. Attach `scrollRef` to the horizontally scrollable container element.
+ * 2. Pass `onDragStart` / `onDragEnd` to .
+ *
+ * The hook listens to global `pointermove` events so it works even when the
+ * pointer has left the container boundary (which is exactly what happens when
+ * you drag towards the edge of the visible area).
+ */
+
+import { useRef, useEffect, useCallback } from "react";
+
+/** Distance from the container edge that triggers scrolling (px). */
+const SCROLL_ZONE = 120;
+/** Maximum scroll speed (px per animation frame). */
+const MAX_SPEED = 16;
+
+export function useKanbanAutoScroll() {
+ const scrollRef = useRef(null);
+ const isDraggingRef = useRef(false);
+ const pointerXRef = useRef(0);
+ const rafRef = useRef(null);
+
+ // ── animation loop ────────────────────────────────────────────────────────
+ const tick = useCallback(() => {
+ const el = scrollRef.current;
+ if (!el || !isDraggingRef.current) return;
+
+ const rect = el.getBoundingClientRect();
+ const px = pointerXRef.current;
+
+ const distLeft = px - rect.left;
+ const distRight = rect.right - px;
+
+ if (distLeft < SCROLL_ZONE && distLeft > 0) {
+ // scroll left — faster the closer you are
+ const speed = MAX_SPEED * (1 - distLeft / SCROLL_ZONE);
+ el.scrollLeft -= speed;
+ } else if (distRight < SCROLL_ZONE && distRight > 0) {
+ // scroll right
+ const speed = MAX_SPEED * (1 - distRight / SCROLL_ZONE);
+ el.scrollLeft += speed;
+ }
+
+ rafRef.current = requestAnimationFrame(tick);
+ }, []);
+
+ // ── pointer tracking ───────────────────────────────────────────────────────
+ useEffect(() => {
+ const handlePointerMove = (e: PointerEvent | MouseEvent) => {
+ pointerXRef.current = e.clientX;
+ };
+
+ // Use `pointermove` (covers touch + mouse). Fall back to `mousemove`.
+ window.addEventListener("pointermove", handlePointerMove, { passive: true });
+ window.addEventListener("mousemove", handlePointerMove, { passive: true });
+
+ return () => {
+ window.removeEventListener("pointermove", handlePointerMove);
+ window.removeEventListener("mousemove", handlePointerMove);
+ };
+ }, []);
+
+ // ── drag lifecycle callbacks ───────────────────────────────────────────────
+ const handleDragStart = useCallback(() => {
+ isDraggingRef.current = true;
+ rafRef.current = requestAnimationFrame(tick);
+ }, [tick]);
+
+ const handleDragEnd = useCallback(() => {
+ isDraggingRef.current = false;
+ if (rafRef.current !== null) {
+ cancelAnimationFrame(rafRef.current);
+ rafRef.current = null;
+ }
+ }, []);
+
+ return {
+ /** Attach to the horizontally scrollable container element. */
+ scrollRef,
+ /** Pass as `onDragStart` to . */
+ handleDragStart,
+ /** Compose with the existing `onDragEnd` handler in . */
+ handleDragEnd,
+ };
+}
diff --git a/src/hooks/use-realtime-notifications.ts b/src/hooks/use-realtime-notifications.ts
index 08889b6c..b2f5fd28 100644
--- a/src/hooks/use-realtime-notifications.ts
+++ b/src/hooks/use-realtime-notifications.ts
@@ -150,12 +150,6 @@ export function useRealtimeNotifications({
return;
}
- // TEMPORARY FIX: Suppress real-time disconnected errors in dev mode
- if (process.env.NODE_ENV !== 'production') {
- setIsConnected(false);
- return;
- }
-
const client = getAppwriteClient();
const databaseId = process.env.NEXT_PUBLIC_APPWRITE_DATABASE_ID!;
const notificationsId = process.env.NEXT_PUBLIC_APPWRITE_NOTIFICATIONS_ID!;
diff --git a/src/lib/notifications.ts b/src/lib/notifications.ts
index 9e61885d..c6249bd9 100644
--- a/src/lib/notifications.ts
+++ b/src/lib/notifications.ts
@@ -266,7 +266,7 @@ export async function createNotification({
workspaceId,
triggeredBy,
metadata: JSON.stringify(metadata),
- read: false,
+ isRead: false,
},
[
`read("user:${userId}")`,
diff --git a/src/lib/notifications/dispatcher.ts b/src/lib/notifications/dispatcher.ts
index bb4f4292..5584cdde 100644
--- a/src/lib/notifications/dispatcher.ts
+++ b/src/lib/notifications/dispatcher.ts
@@ -311,7 +311,7 @@ class NotificationDispatcher {
workspaceId: event.workspaceId,
triggeredBy: event.triggeredBy,
metadata: JSON.stringify(payload.metadata || {}),
- read: false,
+ isRead: false,
},
[
`read("user:${userId}")`,