feat: improve chat, dashboard, landing page, settings, and account completion by 0x3EF8 · Pull Request #57 · hallofcodes/devpulse

0x3EF8 · 2026-03-26T18:52:24Z

Summary

improve chat behavior, realtime flow, and online status accuracy
improve dashboard cards/widgets and settings pages
improve landing page sections and CTA components
improve account-related flows (login, signup, profile, reset password, WakaTime)
include Supabase migration updates for chat/dashboard data

Note

yes, I probably added more bugs too, so please review and test deeply.

Copilot

Pull request overview

This PR updates the chat experience with improved conversation ordering and richer UI (badges/media viewing), and adds database-level cascade deletes to support safe conversation deletion.

Changes:

Add DM sorting controls (newest/oldest/A–Z/Z–A), message search, and revamped chat layout with left/right sidebars.
Restore/standardize rank badge styling/animations by moving badge CSS into app/globals.css and using class-based badges + icons.
Add a Supabase migration to enforce ON DELETE CASCADE for messages and conversation_participants when deleting a conversation.

Reviewed changes

Copilot reviewed 8 out of 10 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
supabase/migrations/20260327100000_cascade_conversation_delete.sql	Adds cascade FK constraints for conversation cleanup on delete.
package.json	Bumps `@fortawesome/react-fontawesome` to support updated icon usage.
package-lock.json	Updates lockfile to reflect dependency bump and npm resolution changes.
app/globals.css	Centralizes badge keyframes/styles so they’re shared across UI.
app/components/dashboard/Navbar.tsx	Changes default sidebar collapse behavior (desktop now collapsed).
app/components/chat/Player.tsx	Adds hint-hiding helper (currently introduces a duplicate declaration).
app/components/chat/Messages.tsx	Adds media navigation controls + updated badge rendering with icons.
app/components/chat/Conversations.tsx	Updates conversation list item layout/labels/initials.
app/components/LeaderboardTable.tsx	Removes inline injected badge CSS now that globals provide styles.
app/components/Chat.tsx	Major chat UI refactor: sorting/search, sidebars, media viewer, deletion flow, badge icon mapping.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-03-29T11:03:06Z

app/components/chat/Player.tsx

+  const hideHint = () => {
+    if (hintTimeoutRef.current) window.clearTimeout(hintTimeoutRef.current);
+    setActiveHint(null);
+    setHintPos(null);
+  };
+


hideHint is declared twice in this component (there is another const hideHint = ... later in the file). This will cause a TypeScript compile error due to redeclaration. Remove one of the declarations and keep a single hideHint implementation.

Suggested change

const hideHint = () => {

if (hintTimeoutRef.current) window.clearTimeout(hintTimeoutRef.current);

setActiveHint(null);

setHintPos(null);

};

Copilot · 2026-03-29T11:03:06Z

app/components/Chat.tsx

@@ -1,23 +1,49 @@
-"use client";
+"use client";


There is a leading BOM/zero-width character before the "use client" directive. Next.js requires the directive to be the very first bytes in the file; the BOM can prevent the component from being treated as a client component. Remove the BOM so the file starts exactly with "use client";.

Suggested change

"use client";

"use client";

Copilot · 2026-03-29T11:03:06Z

app/components/chat/Conversations.tsx

@@ -1,4 +1,4 @@
-import { User } from "@supabase/supabase-js";
+import { User } from "@supabase/supabase-js";


This file starts with a BOM/zero-width character before the first import. While it may not break runtime behavior, it commonly causes noisy diffs and occasional tooling issues. Please remove the BOM so the file begins with a normal import ....

Suggested change

import { User } from "@supabase/supabase-js";

import { User } from "@supabase/supabase-js";

Copilot · 2026-03-29T11:03:07Z

app/components/dashboard/Navbar.tsx

+        // default to collapsed on desktop too
+        setCollapsed(true);
        setMobileHidden(false);


This change makes the sidebar default to collapsed on desktop as well as mobile. Since the PR is focused on chat ordering/cascade delete, this looks like an unrelated UX change; if it is intentional, it should be called out in the PR description (or moved to a separate PR) to avoid surprising behavior changes.

Copilot · 2026-03-29T11:03:07Z

app/components/chat/Messages.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";


There is a leading BOM/zero-width character before the "use client" directive. Next.js requires the directive to be the very first bytes in the file; the BOM can prevent the component from being treated as a client component. Remove the BOM so the file starts exactly with "use client";.

Suggested change

"use client";

"use client";

Copilot · 2026-03-29T11:03:07Z

app/components/Chat.tsx

  const [showModal, setShowModal] = useState(false);
-  const [search, setSearch] = useState("");
-  const [allUsers, setAllUsers] = useState<ChatUser[]>([]);
+  const [search, setSearch] = useState("");    const [messageSearch, setMessageSearch] = useState("");  const [allUsers, setAllUsers] = useState<ChatUser[]>([]);


These state declarations appear to have been accidentally concatenated onto a single line, which hurts readability and makes future diffs harder to review. Please split them into separate const declarations on their own lines.

Suggested change

const [search, setSearch] = useState(""); const [messageSearch, setMessageSearch] = useState(""); const [allUsers, setAllUsers] = useState<ChatUser[]>([]);

const [search, setSearch] = useState("");

const [messageSearch, setMessageSearch] = useState("");

const [allUsers, setAllUsers] = useState<ChatUser[]>([]);

Copilot · 2026-03-29T11:03:07Z

app/components/Chat.tsx

+  faEllipsisVertical,
+  faFlag,
+  faLock,
+  faGhost,


Several icons are imported here but never referenced in the file (e.g. faEllipsisVertical, faFlag, faLock). This will fail linting in many configurations and adds noise. Remove unused imports or wire them up where intended.

Suggested change

faEllipsisVertical,

faFlag,

faLock,

faGhost,

Copilot · 2026-03-29T11:03:07Z

app/components/Chat.tsx

+  const allMediaAttachments = messages
+    .flatMap((m) => m.attachments || [])
+    .filter(
+      (a) => a?.mimetype?.startsWith("image/") || a?.mimetype?.startsWith("video/")
+    )
+    .reverse();


allMediaAttachments is rebuilt (including a .reverse()) on every render. With long message histories this can become a noticeable cost. Consider memoizing this derived list with useMemo (and potentially sharing the media-viewer logic with Messages to avoid duplicated implementations).

0x3EF8 added 2 commits March 27, 2026 02:51

feat(chat): add chat ordering enhancements and cascade delete migration

8b798b9

Merge upstream changes and resolve Player.tsx conflicts

03b13f4

Copilot AI review requested due to automatic review settings March 29, 2026 10:58

Copilot started reviewing on behalf of 0x3EF8 March 29, 2026 10:59 View session

fix(chat): remove duplicate hideHint definition

09abb65

Copilot AI reviewed Mar 29, 2026

View reviewed changes

0x3EF8 added 3 commits March 29, 2026 19:07

style(flex): upgrade Flex page UI to match dashboard modern style

3cf64d2

fix(migrations): store cascade delete migration as utf-8

3eac827

feat: improve chat, dashboard, landing, settings, and account flows

3b7c8a0

0x3EF8 changed the title ~~feat(chat): add chat ordering enhancements and cascade delete migration~~ feat: improve chat, dashboard, landing page, settings, and account completion Mar 29, 2026

chore: fix lint warnings and stabilize vercel deploy readiness

19986cf

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: improve chat, dashboard, landing page, settings, and account completion#57

feat: improve chat, dashboard, landing page, settings, and account completion#57
0x3EF8 wants to merge 7 commits intohallofcodes:masterfrom
0x3EF8:master

0x3EF8 commented Mar 26, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Copilot AI Mar 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		@@ -1,4 +1,4 @@
		import { User } from "@supabase/supabase-js";
		import { User } from "@supabase/supabase-js";

Conversation

0x3EF8 commented Mar 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Note

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Mar 29, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

0x3EF8 commented Mar 26, 2026 •

edited

Loading