mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

send new message

Browse Source
This commit is contained in:
m5r
2022-05-20 02:45:07 +02:00
parent 306572d947
commit 19a35bac92
7 changed files with 509 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/routes/__app/messages.tsx
View File

@ -1,15 +1,18 @@
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 (
@ -26,6 +29,10 @@ export default function MessagesPage() {
<section className="flex flex-grow flex-col">
<ConversationsList />
</section>
<NewMessageButton onClick={() => setIsNewMessageSheetOpen(true)} />
<NewMessageBottomSheet />
</>
);
}
export const bottomSheetOpenAtom = atom(false);