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

send message to new recipient

Browse Source
This commit is contained in:
m5r
2021-08-01 15:40:18 +08:00
parent 7d7c4cb495
commit 56e8880715
15 changed files with 456 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/messages/pages/messages.tsx
View File

@ -1,22 +1,28 @@
import { Suspense } from "react";
import { Suspense, useState } from "react";
import type { BlitzPage } from "blitz";
import { Routes } from "blitz";
import { useAtom } from "jotai";
import Layout from "../../core/layouts/layout";
import ConversationsList from "../components/conversations-list";
import NewMessageButton from "../components/new-message-button";
import NewMessageBottomSheet, { bottomSheetOpenAtom } from "../components/new-message-bottom-sheet";
import useRequireOnboarding from "../../core/hooks/use-require-onboarding";
const Messages: BlitzPage = () => {
useRequireOnboarding();
const setIsOpen = useAtom(bottomSheetOpenAtom)[1];
return (
<>
<div className="flex flex-col space-y-6 p-6">
<p>Messages page</p>
<h2 className="text-3xl font-bold">Messages</h2>
</div>
<Suspense fallback="Loading...">
<ConversationsList />
</Suspense>
<NewMessageButton onClick={() => setIsOpen(true)} />
<NewMessageBottomSheet />
</>
);
};

4
app/messages/pages/messages/[recipient].tsx
View File

@ -16,7 +16,7 @@ const ConversationPage: BlitzPage = () => {
useRequireOnboarding();
const router = useRouter();
const recipient = router.params.recipient;
const recipient = decodeURIComponent(router.params.recipient);
return (
<>
@ -39,7 +39,7 @@ const ConversationPage: BlitzPage = () => {
ConversationPage.getLayout = function ConversationLayout(page) {
const router = useRouter();
const recipient = router.params.recipient;
const recipient = decodeURIComponent(router.params.recipient);
const pageTitle = `Messages with ${recipient}`;
return (