wip adding filter

Author: mikecann

convex/chat.ts

@@ -24,10 +24,16 @@ export const sendMessage = mutation({
 });
 
 export const getMessages = query({
- args: {},
- handler: async (ctx) => {
- // Get most recent messages first
- const messages = await ctx.db.query("messages").order("desc").take(50);
+ args: { nameFilter: v.optional(v.string()) },
+ handler: async (ctx, args) => {
+ let query = ctx.db.query("messages");
+
+ // Only apply filter if nameFilter has a value
+ if (args.nameFilter)
+ query = query.filter((q) => q.eq(q.field("user"), args.nameFilter));
+
+ const messages = await query.order("desc").take(50);
+
  // Reverse the list so that it's in a chronological order.
  return messages.reverse();
  },

src/App.tsx

@@ -7,12 +7,11 @@ import { api } from "../convex/_generated/api";
 const NAME = getOrSetFakeName();
 
 export default function App() {
- // Replace the "TODO: Add mutation hook here." with:
- const sendMessage = useMutation(api.chat.sendMessage);
- const messages = useQuery(api.chat.getMessages);
-
- const [newMessageText, setNewMessageText] = useState("");
  const [nameFilter, setNameFilter] = useState("");
+ const [newMessageText, setNewMessageText] = useState("");
+
+ const sendMessage = useMutation(api.chat.sendMessage);
+ const messages = useQuery(api.chat.getMessages, { nameFilter });
 
  useEffect(() => {
  // Make sure scrollTo works on button click in Chrome