fix: repair invite links, social features, messaging + Discord UI overhaul

Phase 1 - Feature Repair: - Fix member kick/leave: add missing db.delete() call in servers.ts - Stabilize invite codes: return existing code instead of regenerating - Fix user search: use LIKE instead of exact match in social.ts - Wire DM button on FriendsPage to create/navigate to DM channels - Add cancel outgoing friend request (DELETE endpoint + frontend) - Add accept/decline friend request actions with WS real-time events - Fix replyToId persistence in message creation - Hydrate reactions and replyTo in message queries - Add joinByCode to API client and serverStore - Add friend_request_received/accepted WebSocket events Phase 2 - Discord UI Overhaul: - Remove stray borders between layout columns - Replace shadow-sm with shadow-header on content headers - Replace all bg-gray-*/text-gray-* with Discord color tokens - Ensure flat color contrast (#1E1F22, #2B2D31, #313338) Testing: - Set up vitest + @testing-library/react + jsdom - Add 17 tests across InviteModal, JoinServer, FriendsPage (all passing) - Fix vite resolve.extensions to prefer .tsx over stale .js files
2026-02-18 05:34:45 +01:00
parent 4fd17084a5
commit 5ef502f2e3
82 changed files with 4906 additions and 552 deletions
@@ -0,0 +1,76 @@
+import { create } from 'zustand';
+import { api } from '../api/client';
+export const useSocialStore = create((set, get) => ({
+    friends: [],
+    requests: [],
+    isLoading: false,
+    error: null,
+    loadFriends: async () => {
+        set({ isLoading: true, error: null });
+        try {
+            const friends = await api.social.friends();
+            set({ friends, isLoading: false });
+        }
+        catch (err) {
+            set({ error: err.message, isLoading: false });
+        }
+    },
+    loadRequests: async () => {
+        set({ isLoading: true, error: null });
+        try {
+            const requests = await api.social.requests();
+            set({ requests, isLoading: false });
+        }
+        catch (err) {
+            set({ error: err.message, isLoading: false });
+        }
+    },
+    sendFriendRequest: async (username) => {
+        set({ isLoading: true, error: null });
+        try {
+            await api.social.sendRequest(username);
+            await get().loadRequests();
+        }
+        catch (err) {
+            set({ error: err.message, isLoading: false });
+            throw err;
+        }
+    },
+    updateFriendRequest: async (id, status) => {
+        set({ isLoading: true, error: null });
+        try {
+            await api.social.updateRequest(id, status);
+            await get().loadRequests();
+            if (status === 'accepted') {
+                await get().loadFriends();
+            }
+        }
+        catch (err) {
+            set({ error: err.message, isLoading: false });
+            throw err;
+        }
+    },
+    removeFriend: async (id) => {
+        set({ isLoading: true, error: null });
+        try {
+            await api.social.removeFriend(id);
+            set((state) => ({
+                friends: state.friends.filter((f) => f.id !== id),
+                isLoading: false,
+            }));
+        }
+        catch (err) {
+            set({ error: err.message, isLoading: false });
+            throw err;
+        }
+    },
+    searchUsers: async (query) => {
+        try {
+            return await api.social.search(query);
+        }
+        catch (err) {
+            console.error('Failed to search users:', err);
+            return [];
+        }
+    },
+}));