export const getChatroom = query({
  args: { chatroomId: v.string() },
  handler: async (ctx, args) => {
    const chatroom = await ctx.db
      .query("chatrooms")
      .filter((q) => q.eq(q.field("_id"), args.chatroomId))
      .unique();

    if (!chatroom) {
      throw new Error("Chatroom not found");
    }

    const creator = await ctx.db.get(chatroom.creatorId);
    console.log(chatroom);

    return {
      creator: creator!.name,
      chatroomId: chatroom._id,
      name: chatroom.name,
    };
  },
});

export const getChatroom = query({
  args: { chatroomId: v.string() },
  handler: async (ctx, args) => {
    const chatroom = await ctx.db
      .query("chatrooms")
      .filter((q) => q.eq(q.field("_id"), args.chatroomId))
      .unique();

    if (!chatroom) {
      throw new Error("Chatroom not found");
    }

    const creator = await ctx.db.get(chatroom.creatorId);
    console.log(chatroom);

    return {
      creator: creator!.name,
      chatroomId: chatroom._id,
      name: chatroom.name,
    };
  },
});

export default function App() {
  return (
    <Router>
      <ChatroomSelect />
      <Routes>
        <Route path="/chatrooms/:chatroomId" element={<LoadingChatroom />}>
        </Route>
      </Routes>
    </Router>
  );
}

export default function App() {
  return (
    <Router>
      <ChatroomSelect />
      <Routes>
        <Route path="/chatrooms/:chatroomId" element={<LoadingChatroom />}>
        </Route>
      </Routes>
    </Router>
  );
}

import { useParams } from "react-router-dom";
import { api } from "../../convex/_generated/api";
import { useQuery } from "convex/react";
import ChatroomPage from "./ChatroomPage";

export default function LoadingChatroom() {
  type ChatroomParams = {
    chatroomId: string;
  };

  const { chatroomId } = useParams<ChatroomParams>();

  if (!chatroomId) {
    throw new Error("No chatroom ID provided");
  }

  const chatroom = useQuery(api.chatrooms.getChatroom, {
    chatroomId: chatroomId,
  });

  if (!chatroom) {
    return <div>Loading...</div>;
  }

  return (
    <ChatroomPage
      chatroomId={chatroom.chatroomId}
      creator={chatroom.creator}
      name={chatroom.name}
    />
  );
}

import { useParams } from "react-router-dom";
import { api } from "../../convex/_generated/api";
import { useQuery } from "convex/react";
import ChatroomPage from "./ChatroomPage";

export default function LoadingChatroom() {
  type ChatroomParams = {
    chatroomId: string;
  };

  const { chatroomId } = useParams<ChatroomParams>();

  if (!chatroomId) {
    throw new Error("No chatroom ID provided");
  }

  const chatroom = useQuery(api.chatrooms.getChatroom, {
    chatroomId: chatroomId,
  });

  if (!chatroom) {
    return <div>Loading...</div>;
  }

  return (
    <ChatroomPage
      chatroomId={chatroom.chatroomId}
      creator={chatroom.creator}
      name={chatroom.name}
    />
  );
}

export default async function ChatroomPage() {
  type ChatroomParams = {
    chatroomId: string;
  };

  const { chatroomId } = useParams<ChatroomParams>();

  if (!chatroomId) {
    throw new Error("No chatroom ID provided");
  }

  const chatroom = await useQuery(api.chatrooms.getChatroom, {
    chatroomId: chatroomId,
  });

  if (!chatroom) {
    throw new Error("Chatroom not found");
  }

  const messages =
    (await useQuery(api.messages.list, { chatroomId: chatroom.chatroomId })) ||
    [];

export default async function ChatroomPage() {
  type ChatroomParams = {
    chatroomId: string;
  };

  const { chatroomId } = useParams<ChatroomParams>();

  if (!chatroomId) {
    throw new Error("No chatroom ID provided");
  }

  const chatroom = await useQuery(api.chatrooms.getChatroom, {
    chatroomId: chatroomId,
  });

  if (!chatroom) {
    throw new Error("Chatroom not found");
  }

  const messages =
    (await useQuery(api.messages.list, { chatroomId: chatroom.chatroomId })) ||
    [];