39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { useLoaderData } from "superjson-remix";
|
|
import { atom, useAtom } from "jotai";
|
|
|
|
import messagesLoader, { type MessagesLoaderData } from "~/features/messages/loaders/messages";
|
|
import PageTitle from "~/features/core/components/page-title";
|
|
import MissingTwilioCredentials from "~/features/core/components/missing-twilio-credentials";
|
|
import ConversationsList from "~/features/messages/components/conversations-list";
|
|
import NewMessageButton from "~/features/messages/components/new-message-button";
|
|
import NewMessageBottomSheet from "~/features/messages/components/new-message-bottom-sheet";
|
|
|
|
export const loader = messagesLoader;
|
|
|
|
export default function MessagesPage() {
|
|
const { user } = useLoaderData<MessagesLoaderData>();
|
|
const setIsNewMessageSheetOpen = useAtom(bottomSheetOpenAtom)[1];
|
|
|
|
if (!user.hasPhoneNumber) {
|
|
return (
|
|
<>
|
|
<MissingTwilioCredentials />
|
|
<PageTitle className="filter blur-sm select-none absolute top-0" title="Messages" />
|
|
</>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<PageTitle title="Messages" />
|
|
<section className="flex flex-grow flex-col">
|
|
<ConversationsList />
|
|
</section>
|
|
<NewMessageButton onClick={() => setIsNewMessageSheetOpen(true)} />
|
|
<NewMessageBottomSheet />
|
|
</>
|
|
);
|
|
}
|
|
|
|
export const bottomSheetOpenAtom = atom(false);
|