Merge pull request #254 from ArnasDon/feat/inbox-unread-filter

feat(inbox): add "Unread" filter to conversation list
This commit is contained in:
Arnas Donauskas 2026-06-17 13:41:29 +03:00 committed by GitHub
commit d6c595c0ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -36,8 +36,11 @@ const STATUS_COLORS: Record<ConversationStatus, string> = {
closed: "bg-muted-foreground",
};
const FILTER_OPTIONS: { label: string; value: ConversationStatus | "all" }[] = [
type InboxFilter = ConversationStatus | "all" | "unread";
const FILTER_OPTIONS: { label: string; value: InboxFilter }[] = [
{ label: "All", value: "all" },
{ label: "Unread", value: "unread" },
{ label: "Open", value: "open" },
{ label: "Pending", value: "pending" },
{ label: "Closed", value: "closed" },
@ -51,7 +54,7 @@ export function ConversationList({
resyncToken = 0,
}: ConversationListProps) {
const [search, setSearch] = useState("");
const [filter, setFilter] = useState<ConversationStatus | "all">("all");
const [filter, setFilter] = useState<InboxFilter>("all");
const [loading, setLoading] = useState(true);
// Keep the latest callback in a ref so the fetch effect below can
@ -110,7 +113,9 @@ export function ConversationList({
const filtered = useMemo(() => {
let result = conversations;
if (filter !== "all") {
if (filter === "unread") {
result = result.filter((c) => c.unread_count > 0);
} else if (filter !== "all") {
result = result.filter((c) => c.status === filter);
}